@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;600&display=swap);:root{--primary-bg:#121212;--secondary-bg:#1e1e1e;--card-bg:#2a2a2a;--border-color:#444;--primary-text:#e0e0e0;--secondary-text:#b3b3b3;--esperanto-green:#093;--esperanto-green-hover:#00bf42;--font-body:"Poppins",sans-serif;--font-headings:"Lora",serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--primary-bg);color:#e0e0e0;color:var(--primary-text);font-family:Poppins,sans-serif;font-family:var(--font-body);margin:0}*{box-sizing:border-box}main{min-height:calc(100vh - 80px);padding:2rem 3rem}.navbar{background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000004d;height:80px;justify-content:space-between;padding:1rem 3rem}.nav-logo,.navbar{align-items:center;display:flex}.nav-logo{gap:.75rem}.nav-logo a{color:var(--primary-text);font-family:var(--font-headings);font-size:1.8rem;font-weight:700;text-decoration:none}.logo-icon{fill:var(--esperanto-green);height:30px;width:30px}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-links a{border-bottom:2px solid #0000;color:var(--secondary-text);font-size:1.1rem;font-weight:400;padding-bottom:5px;text-decoration:none;transition:color .3s ease,border-bottom-color .3s ease}.nav-links a:hover{color:var(--primary-text)}.nav-links a.active{border-bottom-color:var(--esperanto-green);color:var(--esperanto-green)}.page-container{animation:fadeIn .5s ease-in-out;margin:2rem auto;max-width:1100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:var(--primary-text);font-family:var(--font-headings);font-size:3rem;margin-bottom:.5rem}.page-header h1 span{color:var(--esperanto-green)}.page-header p{color:var(--secondary-text);font-size:1.2rem;margin:0 auto;max-width:600px}.vocab-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.vocab-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.vocab-card:hover{box-shadow:0 5px 15px #0933;transform:translateY(-5px)}.vocab-card h3{border-bottom:1px solid var(--border-color);color:var(--esperanto-green);font-family:var(--font-headings);font-size:1.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.vocab-card ul{list-style:none;margin:0;padding:0}.vocab-card li{color:var(--secondary-text);display:flex;justify-content:space-between;padding:.5rem 0}.vocab-card li span:first-child{color:var(--primary-text);font-weight:600}.translator-container{background-color:var(--secondary-bg);border-radius:8px;flex-direction:column;padding:2rem}.translator-container,.translator-io{display:flex;gap:1.5rem}.translator-io textarea{background-color:var(--primary-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--primary-text);font-family:var(--font-body);font-size:1.1rem;min-height:200px;padding:1rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.translator-io textarea:focus{border-color:var(--esperanto-green);box-shadow:0 0 10px #0099334d;outline:none}.translate-button{align-self:flex-start;background-color:var(--esperanto-green);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;transition:background-color .3s ease}.translate-button:hover:not(:disabled){background-color:var(--esperanto-green-hover)}.translate-button:disabled{background-color:#555;cursor:not-allowed}.grammar-section{background:var(--secondary-bg);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.grammar-section h2{color:var(--esperanto-green);font-family:var(--font-headings)}.grammar-section li,.grammar-section p{color:var(--secondary-text);line-height:1.8}.grammar-section code{background:var(--primary-bg);border-radius:4px;color:var(--esperanto-green);padding:.2rem .5rem}
/*# sourceMappingURL=main.3692947f.css.map*/