.container{min-height:100vh;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0b0f16d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(58,63,71,.3)}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s}.nav-brand:hover{opacity:.8}.logo{width:56px;height:56px;object-fit:contain}.brand-text{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem;letter-spacing:.05em;color:var(--mint)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--sandstone);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--mint)}.main{flex:1;padding:6rem 2rem 4rem;max-width:1200px;width:100%;margin:0 auto}.hero{text-align:center;margin-bottom:4rem}.hero h1{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--mint)}.hero p{font-size:1.25rem;color:var(--secondary)}.content{display:flex;flex-direction:column;gap:3rem}.plans-section h2{font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.billing-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.25rem;background:var(--iron);border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}.billing-toggle button{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--secondary);font-family:Sora,sans-serif;font-size:.9rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.billing-toggle button.active{background:var(--copper);color:var(--obsidian)}.billing-toggle button:hover:not(.active){background:#d97a361a;color:var(--sandstone)}.discount{font-size:.75rem;padding:.25rem .5rem;background:var(--gold);color:var(--obsidian);border-radius:6px;font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.plan-card{position:relative;background:#1a1e2499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(58,63,71,.5);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s}.plan-card:hover{border-color:var(--copper);transform:translateY(-4px);box-shadow:0 12px 32px #d97a3626}.plan-card.selected{border-color:var(--mint);background:#19c3ff0d;box-shadow:0 8px 24px #19c3ff33}.plan-card h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--soft-sand)}.price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.price .amount{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:var(--mint)}.price .period{font-size:1rem;color:var(--secondary)}.rate-limit{font-size:.9rem;color:var(--secondary);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(58,63,71,.5)}.features{list-style:none;display:flex;flex-direction:column;gap:.75rem}.features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--sandstone)}.features li svg{flex-shrink:0;margin-top:.2rem;color:var(--mint)}.form-section{max-width:500px;margin:0 auto;width:100%}.form-section h2{font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.signup-form{background:#1a1e2499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(58,63,71,.5);border-radius:16px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--sandstone);margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem 1rem;font-family:Sora,sans-serif;font-size:1rem;background:#0b0f16cc;border:1px solid rgba(58,63,71,.8);border-radius:10px;color:var(--sandstone);transition:all .2s}.form-group input:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px #19c3ff1a}.form-group input::placeholder{color:var(--secondary)}.error-message{padding:1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:10px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem}.submit-button{width:100%;padding:1rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--copper) 0%,var(--ember) 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #d97a364d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.terms{margin-top:1.5rem;font-size:.85rem;color:var(--secondary);text-align:center;line-height:1.6}.terms a{color:var(--mint);text-decoration:none}.terms a:hover{text-decoration:underline}.footer{padding:2rem;border-top:1px solid rgba(58,63,71,.3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer p{color:var(--secondary);font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--mint)}@media(max-width:768px){.nav{padding:1rem}.nav-links{gap:1rem}.nav-links a{font-size:.85rem}.main{padding:5rem 1rem 2rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.billing-toggle{flex-direction:column;width:100%}.billing-toggle button{width:100%;justify-content:center}.plans-grid{grid-template-columns:1fr}.plan-card{padding:1.5rem}.price .amount{font-size:2rem}.form-section{max-width:100%}.signup-form{padding:1.5rem}.footer{flex-direction:column;text-align:center}}@media(max-width:480px){.brand-text{font-size:1.15rem}.logo{width:44px;height:44px}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem}.discount{font-size:.7rem;padding:.2rem .4rem}}:root{--obsidian: #0B0F16;--iron: #1A1E24;--steel: #3A3F47;--sandstone: #E8E3DC;--soft-sand: #F3E7DA;--copper: #D97A36;--ember: #FF8F4F;--gold: #FFC65A;--teal: #19C3FF;--mint: #19FFCB;--secondary: #A8A8B8;--purple: #9B87F5}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Sora,sans-serif;background:var(--obsidian);color:var(--sandstone);line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(217,122,54,.06) 0%,transparent 70%);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}