@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:#111;--bg-tertiary:#1a1a1a;--bg-elevated:#222;--accent:#c4ff00;--accent-dim:#9acc00;--accent-glow:#c4ff0026;--text-primary:#fafafa;--text-secondary:#a0a0a0;--text-muted:#666;--border:#2a2a2a;--border-bright:#3a3a3a;--error:#f44;--success:#0f8;--font-mono:"JetBrains Mono", monospace;--font-sans:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}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 (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{opacity:0;animation:.6s ease-out forwards fadeInUp}.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%;border-radius:8px;animation:1.5s infinite shimmer}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-title{width:200px;height:2rem;margin-bottom:1rem}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.skeleton-bar{border-radius:4px;height:8px;margin-bottom:12px}.skeleton-button{border-radius:8px;width:180px;height:48px}button{transition:all .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--accent-glow);outline:none;border-color:var(--accent)!important}input::placeholder{color:var(--text-muted);opacity:.7}a{transition:color .2s,border-color .2s}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}.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}.feature-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.plan-card{transition:all .3s}.plan-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}.plan-card-highlight{border-color:var(--accent);background:linear-gradient(135deg,#c4ff0008 0%,#0000 50%,#c4ff0005 100%);position:relative;box-shadow:0 0 40px #c4ff0026}.plan-card-highlight:hover{border-color:var(--accent);transform:translateY(-6px)scale(1.02);box-shadow:0 8px 48px #c4ff0040}.icon-btn{transition:all .15s}.icon-btn:hover{background:var(--bg-elevated);color:var(--accent)}.dropdown-item{transition:all .15s}.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}.format-tag:hover{border-color:var(--accent);color:var(--accent)}.code-block{transition:all .3s}.code-block:hover{border-color:var(--border-bright)}@media (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;gap:8px;padding:8px}.input-wrapper input{text-align:center;width:100%}.input-wrapper button{justify-content:center;width:100%}.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{gap:16px;grid-template-columns:1fr!important}.feature-card,.plan-card{padding:24px}.code-block pre{padding:16px;font-size:.75rem}.modal{max-height:90vh;margin:16px;padding:24px;overflow-y:auto}.header-inner{height:56px}.account-dropdown{min-width:200px;right:-16px}.footer-inner{text-align:center;flex-direction:column;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 (width<=480px){html{font-size:14px}.container{padding:0 12px}.hero-title{font-size:2rem!important}.badge{padding:4px 10px;font-size:.7rem}.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{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scanline{display:none}}