@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--accent: #c4ff00;--accent-dim: #9acc00;--accent-glow: rgba(196, 255, 0, .15);--text-primary: #fafafa;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #2a2a2a;--border-bright: #3a3a3a;--error: #ff4444;--success: #00ff88;--font-mono: "JetBrains Mono", monospace;--font-sans: "DM Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}code,pre{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-title{height:2rem;width:200px;margin-bottom:1rem}.skeleton-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.skeleton-bar{height:8px;border-radius:4px;margin-bottom:12px}.skeleton-button{height:48px;width:180px;border-radius:8px}button{transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text-muted);opacity:.7}a{transition:color .2s ease,border-color .2s ease}a:hover{color:var(--accent)}.hero-submit-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 24px var(--accent-glow)}.accent-btn{transition:all .2s ease}.accent-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 24px var(--accent-glow)}.ghost-btn:hover{background:var(--bg-tertiary);border-color:var(--border-bright)}.feature-card{transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-bright);box-shadow:0 8px 32px #0000004d}.plan-card{transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);border-color:var(--border-bright)}.plan-card-highlight{position:relative;border-color:var(--accent);box-shadow:0 0 40px #c4ff0026;background:linear-gradient(135deg,rgba(196,255,0,.03) 0%,transparent 50%,rgba(196,255,0,.02) 100%)}.plan-card-highlight:before{content:"Recommended";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.plan-card-highlight:hover{border-color:var(--accent);box-shadow:0 8px 48px #c4ff0040;transform:translateY(-6px) scale(1.02)}.icon-btn{transition:all .15s ease}.icon-btn:hover{background:var(--bg-elevated);color:var(--accent)}.dropdown-item{transition:all .15s ease}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.copy-btn:hover{background:var(--accent);color:var(--bg-primary)}.delete-btn:hover{background:#ff44441a}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.lang-btn:hover{border-color:var(--border-bright);color:var(--text-primary)}.hero-link:hover{color:var(--accent);border-color:var(--accent)}.format-tag{transition:all .2s ease}.format-tag:hover{border-color:var(--accent);color:var(--accent)}.code-block{transition:all .3s ease}.code-block:hover{border-color:var(--border-bright)}@media(max-width:768px){html{font-size:15px}.hero-section{min-height:auto;padding:60px 0}.hero-title{font-size:clamp(2rem,8vw,3.5rem)!important}.hero-subtitle{font-size:clamp(1rem,4vw,1.4rem)!important}.hero-form{max-width:100%}.input-wrapper{flex-direction:column;padding:8px;gap:8px}.input-wrapper input{width:100%;text-align:center}.input-wrapper button{width:100%;justify-content:center}.hero-code{display:none}.section-padding{padding:80px 0}.section-title{font-size:clamp(1.5rem,5vw,2rem)!important}.features-grid,.plans-grid,.code-grid{grid-template-columns:1fr!important;gap:16px}.feature-card,.plan-card{padding:24px}.code-block pre{padding:16px;font-size:.75rem}.modal{padding:24px;margin:16px;max-height:90vh;overflow-y:auto}.header-inner{height:56px}.account-dropdown{right:-16px;min-width:200px}.footer-inner{flex-direction:column;text-align:center;gap:12px}.footer-left{flex-direction:column;gap:8px}.dashboard-header{margin-bottom:32px}.key-input-wrapper{flex-direction:column;align-items:stretch;gap:12px}.key-actions{justify-content:flex-end}.create-form{flex-direction:column}.create-form input{max-width:100%}.usage-card{padding:20px}.plan-price{flex-wrap:wrap}}@media(max-width:480px){html{font-size:14px}.container{padding:0 12px}.hero-title{font-size:2rem!important}.badge{font-size:.7rem;padding:4px 10px}.format-tags{justify-content:center}.nav{gap:4px}.signin-btn,.account-btn{padding:6px 12px;font-size:.8rem}.lang-btn{width:32px;height:32px}.transcript-box{max-height:200px}.confirm-delete{flex-direction:column;align-items:stretch;gap:8px}.confirm-delete button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scanline{display:none}}