html,body{margin:0;padding:0;height:100%}:root{--bg:#f8f9fa;--fg:#111;--accent:#2ca58d;--btn-grad-start:#4facfe;--btn-grad-end:#00f2fe;--btn-outline:#4facfe}[data-theme=dark]{--bg:#0a0a0a;--fg:#fff;--accent:#2ca58d;--btn-grad-start:#4facfe;--btn-grad-end:#00f2fe;--btn-outline:#4facfe}.terminal{max-width:1000px;width:90vw;min-width:300px;margin:0 auto;border:1px solid #444;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden;height:auto;max-height:100vh}.terminal-header{position:relative;height:2rem;line-height:2rem;background:#333;text-align:center}.terminal-header::before{content:"";position:absolute;top:.4rem;left:.75rem;width:.6rem;height:.6rem;background:#ff5f56;border-radius:50%;box-shadow:1.2rem 0 #ffbd2e,2.4rem 0 #27c93f}.terminal-body{background:var(--bg);padding:2rem;color:var(--fg);text-align:left;font-family:Delugia,Consolas,courier new,monospace;line-height:1.5;white-space:initial}.terminal-body .hero-title,.hero-command{font-size:2rem}.terminal-body .hero-description{font-size:1.5rem;margin-bottom:1.5rem}.terminal-body .logo{height:2rem;margin-bottom:1rem}#terminal .xterm{background:0 0 !important;border:none !important;box-shadow:none !important}#terminal .xterm-screen,#terminal .xterm-viewport{background:0 0 !important;border:none !important}.terminal-container{border:none !important;box-shadow:none !important}.typing::after{content:"|";display:inline-block;margin-left:.1em;animation:blink 1s steps(1)infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.hero.full-height{background-color:var(--bg);position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 20% 20%,rgba(79,172,254,.12) 0%,transparent 80%),radial-gradient(circle at 80% 30%,rgba(159,222,162,.12) 0%,transparent 80%);z-index:0;display:flex;align-items:center;justify-content:center;min-height:100vh}.hero-inner{position:relative;z-index:1;text-align:center;color:var(--fg);padding:2rem}.hero-inner .logo{display:block;margin:0 auto 1rem;height:2.5rem;width:auto}.hero-title{font-family:monospace;font-size:4rem;margin:0}.hero-command{font-family:monospace;font-size:2.5rem;color:var(--accent);margin:.5rem 0}.hero-description{color:var(--fg);opacity:.7;margin-bottom:2rem;font-size:1.1rem}.nav-main{position:absolute;top:1rem;right:2rem;z-index:2}.nav-main a{color:var(--fg);margin-left:1rem;text-decoration:none;font-weight:500;transition:color .2s}.nav-main a:hover{color:var(--accent)}.hero-cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-cta .btn{border-radius:999px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block;transition:transform .2s,box-shadow .2s}.btn-gradient{background:linear-gradient(90deg,var(--btn-grad-start),var(--btn-grad-end));border:none;color:#fff}.btn-outline{background:0 0;border:2px solid var(--btn-outline);color:var(--btn-outline)}.btn-gradient:hover,.btn-outline:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}@media(max-width:768px){.hero-inner .logo{height:2rem}.hero-title{font-size:2.5rem}.hero-command{font-size:2rem}.terminal{width:100vw;min-width:0;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin-top:5rem}.nav-main{position:absolute;width:100vw;text-align:center}}