*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--accent-primary: #ffffff;--accent-secondary: #e0e0e0;--accent-tertiary: #c0c0c0;--accent-dim: #808080;--accent-dark: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-dim: #707070;--glow-primary: 0 0 20px rgba(255, 255, 255, .6);--glow-secondary: 0 0 15px rgba(255, 255, 255, .4);--glow-strong: 0 0 30px rgba(255, 255, 255, .8);--font-mono: "JetBrains Mono", monospace}body{margin:0;font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}html{scroll-behavior:smooth}.app{position:relative;min-height:100vh;overflow-x:hidden}.content{position:relative;z-index:1}.terminal-window{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #ffffff26;position:relative;overflow:hidden}.terminal-window:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#ffffff1a,#ffffff26,#ffffff1a);opacity:.3}.terminal-window:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.03) 3px);pointer-events:none;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.glow-text{text-shadow:var(--glow-primary);color:var(--accent-primary)}.glow-text-green{text-shadow:var(--glow-secondary);color:var(--accent-secondary)}.glow-text-purple{text-shadow:var(--glow-primary);color:var(--accent-primary)}.terminal-button{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:1rem 2.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:2.5px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.terminal-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent-primary);transition:width .4s cubic-bezier(.23,1,.32,1);z-index:-1}.terminal-button:hover{color:var(--bg-primary);box-shadow:0 0 30px #ffffff4d;transform:translateY(-3px)}.terminal-button:hover:before{width:100%}.cursor{display:inline-block;width:10px;height:1.2em;background:var(--accent-primary);margin-left:4px;animation:blink 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.3}section{padding:4rem 2rem;max-width:1400px;margin:0 auto}@media(max-width:768px){section{padding:2rem 1rem}.terminal-window{padding:1rem}}.footer{background:#0a0a0af2;border-top:1px solid rgba(255,255,255,.2);padding:3rem 2rem 1rem;margin-top:4rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{color:var(--accent-primary);font-size:1.5rem;text-shadow:var(--glow-primary);margin-bottom:.5rem}.footer-desc{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.footer-heading{color:var(--accent-secondary);font-size:1.1rem;margin-bottom:.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:.9rem}.footer-links a:hover{color:var(--accent-primary);text-shadow:var(--glow-primary);transform:translate(5px)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.copyright{color:var(--text-secondary);font-size:.9rem}.copyright .prompt{color:var(--accent-primary);margin-right:.5rem}.footer-social{display:flex;gap:1.5rem}.social-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:.9rem}.social-link:hover{color:var(--accent-primary);text-shadow:var(--glow-primary)}@media(max-width:768px){section{padding:2rem 1rem}.terminal-window{padding:1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.navbar.scrolled{background:#000000f2;border-bottom:1px solid rgba(255,255,255,.2)}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:var(--font-mono);font-size:1rem;color:var(--accent-primary);display:flex;align-items:center;gap:.25rem}.brand-prompt{color:var(--text-secondary)}.brand-cursor{animation:blink 1s infinite;color:var(--accent-primary)}.navbar-links{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.link-prompt{color:var(--accent-dim);font-size:.85rem}@media(max-width:768px){.navbar-container{padding:.75rem 1rem}.navbar-brand{font-size:.85rem}.brand-prompt{font-size:.75rem}.navbar-links{gap:1rem}.nav-link{font-size:.8rem}.link-prompt{display:none}}@media(max-width:480px){.navbar-container{padding:.7rem .75rem}.navbar-brand{font-size:.75rem}.brand-prompt{font-size:.65rem}.navbar-links{gap:.75rem}.nav-link{font-size:.75rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 0 2rem;position:relative;overflow:hidden;max-width:none;margin:0;contain:layout style;content-visibility:auto}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--accent-primary);border-radius:50%;animation:float-up linear infinite;box-shadow:0 0 10px #ffffff80;will-change:transform,opacity}@keyframes float-up{0%{transform:translate3d(0,100vh,0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate3d(0,-100vh,0) scale(1);opacity:0}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:float 20s ease-in-out infinite;pointer-events:none;will-change:transform}.orb-1{width:700px;height:700px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));top:-15%;left:-25%;animation-delay:0s}.orb-2{width:600px;height:600px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary));bottom:-15%;right:-25%;animation-delay:7s}.orb-3{width:550px;height:550px;background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-primary));top:-12%;right:-20%;animation-delay:14s}@keyframes float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(50px,-50px,0) scale(1.1)}66%{transform:translate3d(-50px,50px,0) scale(.9)}}.hero-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2.5rem;position:relative;z-index:1}.logo-container{position:relative;display:inline-block}.ascii-art{color:var(--accent-primary);font-size:1.8rem;line-height:1.1;font-family:var(--font-mono);white-space:pre;margin:0;padding:2rem;position:relative;z-index:2;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3);animation:logo-pulse 3s ease-in-out infinite;min-height:180px;transform:translateZ(0)}@keyframes logo-pulse{0%,to{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3);transform:scale(1)}50%{text-shadow:0 0 30px rgba(255,255,255,1),0 0 50px rgba(255,255,255,.7),0 0 70px rgba(255,255,255,.5);transform:scale(1.02)}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);filter:blur(30px);z-index:1;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-tagline{color:var(--text-primary);font-size:2rem;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin:0;display:flex;align-items:center;justify-content:center;gap:.2rem;min-height:3rem}.typed-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}.cursor{color:var(--accent-primary);animation:blink 1s step-end infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:800px;margin:1rem 0}.stat-card{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .4s}.stat-card:hover{transform:translateY(-8px);border-color:#ffffff4d;background:#ffffff0d;box-shadow:0 10px 40px #ffffff1a}.stat-card:hover:before{opacity:1}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);margin-bottom:.5rem;text-shadow:0 0 20px rgba(255,255,255,.3)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:300}.hero-actions{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.hero-button{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;color:var(--bg-primary);padding:1.3rem 3rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:2px;border-radius:12px;display:flex;align-items:center;gap:.8rem;box-shadow:0 8px 30px #fff3}.hero-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.hero-button:hover:before{left:100%}.hero-button:hover{box-shadow:0 12px 40px #fff6;transform:translateY(-4px) scale(1.03)}.hero-button.secondary{background:#ffffff0d;border:2px solid var(--accent-primary);color:var(--accent-primary);box-shadow:0 8px 30px #ffffff1a}.hero-button.secondary:hover{background:#ffffff1a;box-shadow:0 12px 40px #ffffff40}.button-text{position:relative;z-index:2}.button-icon{font-size:1.2rem;transition:transform .3s;position:relative;z-index:2}.hero-button:hover .button-icon{transform:translate(5px)}.scroll-indicator{position:absolute;bottom:-7.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--text-dim);animation:bounce-smooth 2s ease-in-out infinite}@keyframes bounce-smooth{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}}.scroll-mouse{width:28px;height:45px;border:2px solid var(--accent-primary);border-radius:20px;position:relative;opacity:.7}.scroll-wheel{width:4px;height:8px;background:var(--accent-primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-wheel 2s ease-in-out infinite}@keyframes scroll-wheel{0%,to{top:8px;opacity:1}50%{top:20px;opacity:.3}}.scroll-text{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary)}@media(max-width:1024px){.ascii-art{font-size:1.4rem;padding:1.5rem}.hero-tagline{font-size:1.6rem}.stats-grid{gap:1.5rem}.stat-value{font-size:2rem}}@media(max-width:768px){.hero{padding:4rem 0 1rem}.hero-content{gap:1.5rem}.particle{box-shadow:none}.ascii-art{font-size:1.15rem;padding:.5rem 1rem;min-height:120px;text-shadow:none;animation:none;transform:none}.logo-glow{display:none}.hero-tagline{font-size:1.2rem;letter-spacing:1px;min-height:2rem;margin:.5rem 0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:100%;padding:0 1rem;margin:1rem 0}.stat-card{padding:1.3rem .8rem;border-radius:12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff14;transition:none}.stat-card:hover{transform:none;border-color:#ffffff1a;background:#ffffff14;box-shadow:none}.stat-card:before{display:none}.stat-value{font-size:1.3rem!important;margin-bottom:.35rem;font-weight:600;text-shadow:none}.stat-label{font-size:.68rem!important;letter-spacing:1.3px;font-weight:400}.hero-actions{flex-direction:column;width:100%;max-width:300px;gap:.75rem;margin-top:.5rem}.hero-button{width:100%;justify-content:center;padding:1.1rem 1.5rem;font-size:.8rem}.hero-button:before{display:none}.hero-button:hover{transform:none;box-shadow:0 8px 30px #fff3}.gradient-orb{filter:blur(40px);opacity:.25}.orb-1{width:250px;height:250px}.orb-2{width:200px;height:200px}.orb-3{display:none}}@media(max-width:480px){.hero{padding:3.5rem 0 1rem}.hero-content{gap:1.2rem}.ascii-art{font-size:.85rem;text-shadow:none;padding:.5rem;min-height:100px}.hero-tagline{font-size:.95rem;letter-spacing:.5px}.stats-grid{gap:.6rem;padding:0 .75rem;margin:.75rem 0}.stat-card{padding:1.1rem .7rem;border-radius:10px}.stat-value{font-size:1.15rem!important;margin-bottom:.3rem;font-weight:600}.stat-label{font-size:.62rem!important;letter-spacing:1px;font-weight:400}.hero-button{font-size:.75rem;padding:1rem 1.3rem}.orb-1{width:180px;height:180px}.orb-2{width:150px;height:150px}}.about{padding:6rem 2rem;position:relative}.section-header{max-width:1400px;margin:0 auto 3rem;font-size:1.5rem;color:var(--accent-primary);display:flex;align-items:center;gap:1rem}.prompt{color:var(--accent-secondary);text-shadow:var(--glow-secondary)}.command{color:var(--accent-primary);text-shadow:var(--glow-primary)}.about-content{max-width:1400px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem}.about-block{padding:2.5rem;background:#1a1a1a66;border-left:2px solid var(--accent-dim);transition:all .4s ease;position:relative}.about-block:before{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:linear-gradient(180deg,var(--accent-primary),var(--accent-dim));transition:height .4s ease}.about-block:hover{border-left-color:var(--accent-primary);background:#1a1a1a99;transform:translate(10px)}.about-block:hover:before{height:100%}.block-title{color:var(--accent-primary);font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.title-bracket{color:var(--accent-dim);font-weight:400}.block-text{color:var(--text-secondary);line-height:1.9;margin-bottom:1.5rem;font-size:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--accent-secondary);padding:.5rem 1rem;border-radius:2px;font-size:.8rem;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.tag:hover{background:#ffffff1a;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;padding:3rem;background:#1a1a1a4d;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center;padding:1.5rem;position:relative}.stat-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.stat-value{font-size:3rem;font-weight:700;color:var(--accent-primary);text-shadow:var(--glow-primary);margin-bottom:.75rem}.stat-label{color:var(--text-secondary);font-size:.95rem;text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){.about{padding:4rem 1rem}.section-header{font-size:1.2rem;flex-direction:column;align-items:flex-start;gap:.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-block{padding:2rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1rem}.stat-item{padding:1rem .5rem}.stat-value{font-size:1.8rem!important;margin-bottom:.5rem}.stat-label{font-size:.75rem;letter-spacing:1.5px}}@media(max-width:480px){.stats-section{gap:1.2rem;padding:1.5rem .75rem}.stat-item{padding:.8rem .4rem}.stat-value{font-size:1.5rem!important;margin-bottom:.4rem}.stat-label{font-size:.68rem;letter-spacing:1.2px}}.docs{padding:6rem 2rem}.docs-content{max-width:1400px;margin:0 auto;padding:0}.docs-tabs{display:flex;gap:.5rem;padding:1rem;background:#1a1a1a80;border-bottom:1px solid rgba(255,255,255,.2)}.tab{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-radius:2px}.tab:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ffffff0d}.tab.active{background:#ffffff1a;border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #fff3}.tab-icon{font-size:1.1rem}.docs-body{padding:2rem}.doc-section{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.doc-title{color:var(--accent-primary);font-size:2rem;margin-bottom:2rem;text-shadow:var(--glow-primary)}.doc-step{margin-bottom:2.5rem}.step-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.step-number{color:var(--accent-secondary);font-weight:700;text-shadow:var(--glow-secondary)}.code-block{background:#0a0a0acc;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-top:1rem}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.code-lang{color:var(--accent-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.copy-btn{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.3rem .8rem;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;border-radius:2px;transition:all .3s ease}.copy-btn:hover{background:var(--accent-primary);color:var(--bg-primary)}.code-content{padding:1.5rem;color:var(--text-primary);font-size:.9rem;line-height:1.6;overflow-x:auto;margin:0}.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-item{padding:1.5rem;background:#1a1a1a80;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .3s ease}.guide-item:hover{border-color:var(--accent-primary);box-shadow:0 0 20px #ffffff26;transform:translateY(-3px)}.guide-title{color:var(--accent-primary);font-size:1.2rem;margin-bottom:.75rem}.guide-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.guide-link{color:var(--accent-secondary);text-decoration:none;font-weight:600;transition:all .3s ease}.guide-link:hover{color:var(--accent-primary);text-shadow:var(--glow-primary)}.example-item{margin-bottom:2rem}.example-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}@media(max-width:768px){.docs{padding:4rem 1rem}.docs-tabs{flex-wrap:wrap}.tab{flex:1;min-width:120px;justify-content:center}.docs-body{padding:1rem}.doc-title{font-size:1.5rem}.guide-list{grid-template-columns:1fr}}.api{padding:6rem 2rem}.api-content{max-width:1400px;margin:0 auto}.api-intro{margin-bottom:3rem;text-align:center}.api-title{color:var(--accent-primary);font-size:2.5rem;margin-bottom:1rem;text-shadow:var(--glow-primary)}.api-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto}.api-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.api-card{background:#1a1a1a80;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1.5rem;transition:all .3s ease}.api-card:hover{border-color:var(--accent-primary);box-shadow:0 0 25px #fff3;transform:translateY(-5px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.method{padding:.4rem .8rem;border-radius:2px;font-size:.75rem;font-weight:700;letter-spacing:1px}.method.get{background:#ffffff1a;color:var(--accent-primary);border:1px solid var(--accent-primary)}.method.post{background:#ffffff0d;color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.endpoint{color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;flex:1}.card-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.response-preview{background:#0a0a0acc;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.response-header{background:#ffffff0d;padding:.5rem 1rem;color:var(--accent-primary);font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.2)}.response-body{padding:1rem;color:var(--text-primary);font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto}.api-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;padding:3rem;background:#1a1a1a4d;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{font-size:1.5rem;color:var(--accent-primary);flex-shrink:0}.feature-content{flex:1}.feature-title{color:var(--accent-primary);font-size:1.1rem;margin-bottom:.5rem}.feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.api-cta{text-align:center;padding:3rem 2rem;background:#1a1a1a80;border:1px solid rgba(255,255,255,.2);border-radius:4px}.cta-title{color:var(--accent-primary);font-size:2rem;margin-bottom:1rem;text-shadow:var(--glow-primary)}.cta-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@media(max-width:768px){.api{padding:4rem 1rem}.api-title{font-size:2rem}.api-grid{grid-template-columns:1fr}.api-features{grid-template-columns:1fr;padding:2rem}}.login{padding:6rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.login-box{padding:2rem}.login-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.login-title{color:var(--accent-primary);font-size:2rem;margin-bottom:.5rem;text-shadow:var(--glow-primary)}.login-subtitle{color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;gap:.5rem}.prompt-symbol{color:var(--accent-secondary);text-shadow:var(--glow-secondary)}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.label-prompt{color:var(--accent-primary);margin-right:.5rem}.input-wrapper{display:flex;align-items:center;background:#0a0a0acc;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.75rem 1rem;transition:all .3s ease}.input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 20px #fff3}.input-prefix{color:var(--accent-secondary);margin-right:.75rem;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none}.terminal-input::placeholder{color:var(--text-dim)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.terminal-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.forgot-link{color:var(--accent-primary);text-decoration:none;font-size:.9rem;transition:all .3s ease}.forgot-link:hover{text-shadow:var(--glow-primary)}.login-button{width:100%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;color:var(--bg-primary);padding:1.1rem 2rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:.75rem;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);box-shadow:0 4px 15px #fff3}.button-content{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.6rem}.login-button:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1)}.login-button:hover:not(:disabled){box-shadow:0 6px 25px #fff6;transform:translateY(-4px) scale(1.02)}.login-button:hover:not(:disabled):before{opacity:1}.login-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--bg-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{font-size:1.2rem}.login-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);text-align:center}.footer-text{color:var(--text-secondary);font-size:.95rem}.signup-link{color:var(--accent-secondary);text-decoration:none;font-weight:600;transition:all .3s ease}.signup-link:hover{color:var(--accent-primary);text-shadow:var(--glow-primary)}.terminal-output{margin-top:2rem;padding:1rem;background:#0a0a0acc;border:1px solid rgba(255,255,255,.2);border-radius:4px}.output-line{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.output-line:last-child{margin-bottom:0}.output-prompt{color:var(--accent-secondary);font-weight:600;min-width:80px}.output-text{color:var(--text-secondary)}.login-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{padding:1.5rem;background:#1a1a1a80;border:1px solid rgba(255,255,255,.2);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.info-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px #ffffff26;transform:translate(5px)}.info-title{color:var(--accent-primary);font-size:1.2rem;margin-bottom:.75rem}.info-text{color:var(--text-secondary);line-height:1.7;font-size:.95rem}@media(max-width:1024px){.login-content{grid-template-columns:1fr}.login-info{order:-1}}@media(max-width:768px){.login{padding:4rem 1rem}.login-box{padding:1.5rem}.login-title{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}