@property --light-angle{syntax: "<angle>"; initial-value: 90deg; inherits: false;}@font-face{font-family:Quaker;src:url(/assets/fonts/Quaker%20FREE.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666;--accent-lime: #c8ff00;--accent-coral: #ff6b4a;--accent-purple: #a78bfa;--accent-teal: #2dd4bf;--gradient-rainbow: linear-gradient(135deg, #c8ff00, #2dd4bf, #a78bfa, #ff6b4a);--font-display: "Quaker", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-label{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-lime);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:4rem;max-width:600px}.highlight{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.atmosphere{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.stars-static{position:absolute;width:100%;height:200%;top:0;left:0;transition:opacity .8s ease}.star-static{position:absolute;width:1px;height:1px;background:#fff;border-radius:50%;opacity:.4}.star-static.bright{width:2px;height:2px;opacity:.6;box-shadow:0 0 3px #ffffff4d}.stars-twinkle{position:absolute;width:100%;height:200%;top:0;left:0}.star-twinkle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:twinkle var(--twinkle-duration, 4s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.stars-flicker{position:absolute;width:100%;height:200%;top:0;left:0;transition:opacity .8s ease}.star-flicker{position:absolute;background:#fff;border-radius:50%;opacity:var(--star-base-opacity, .15);transition:opacity var(--transition-duration, .25s) ease}.star-flicker[data-state=low]{opacity:.3}.star-flicker[data-state=medium]{opacity:.55;box-shadow:0 0 2px #ffffff40}.star-flicker[data-state=high]{opacity:.9;box-shadow:0 0 5px #ffffff73}.star-flicker[data-state=off]{opacity:var(--star-base-opacity, .15);box-shadow:none}.blurs-container{position:absolute;width:100%;height:100%;top:0;left:0}.color-blur{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2;transition:background-color .8s ease;will-change:transform,background-color}.blur-1{width:500px;height:500px;top:5%;left:10%;background-color:var(--accent-lime)}.blur-2{width:450px;height:450px;top:30%;right:5%;background-color:var(--accent-purple)}.blur-3{width:400px;height:400px;bottom:20%;left:25%;background-color:var(--accent-teal)}.blur-4{width:350px;height:350px;top:50%;left:50%;background-color:var(--accent-coral);opacity:.15}.star-spark{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;pointer-events:none;z-index:10;box-shadow:0 0 6px 2px #fffc,0 0 12px 4px #c8ff0066;transform:scale(0)}.star-spark.sparked{animation:spark-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.star-spark.sparked.fade{animation:spark-in .6s cubic-bezier(.34,1.56,.64,1) forwards,spark-settle .4s ease .5s forwards}@keyframes spark-in{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes spark-settle{to{opacity:.6;box-shadow:0 0 3px 1px #ffffff80,0 0 6px 2px #c8ff0033}}.star-spark.accent-purple{box-shadow:0 0 6px 2px #fffc,0 0 12px 4px #a78bfa80}.star-spark.accent-teal{box-shadow:0 0 6px 2px #fffc,0 0 12px 4px #2dd4bf80}.star-spark.accent-coral{box-shadow:0 0 6px 2px #fffc,0 0 12px 4px #ff6b4a80}[data-spark]{position:relative}.btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--accent-lime);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #c8ff004d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--bg-card);border-color:#fff3}.terminal{background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #00000080;border:1px solid rgba(255,255,255,.05)}.terminal-header{background:var(--bg-tertiary);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.terminal-body{padding:1.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.8}.terminal-line{margin-bottom:.5rem}.terminal-prompt{color:var(--accent-lime)}.terminal-cmd{color:var(--text-primary)}.terminal-comment{color:var(--text-muted)}.terminal-output{color:var(--text-secondary)}.terminal-success{color:var(--accent-teal)}.terminal-accent{color:var(--accent-coral)}.terminal-compact{flex:1}.terminal-compact .terminal-body{padding:1rem}.terminal-pre{font-family:var(--font-mono);font-size:.78rem;line-height:1.7;margin:0;white-space:pre;color:var(--text-secondary)}.terminal-key{color:var(--accent-purple)}.terminal-string{color:var(--accent-teal)}.terminal-warning{color:#fbbf24}.terminal-error{color:var(--accent-coral)}.terminal-muted{color:var(--text-muted)}.feature-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-rainbow);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-card:nth-child(1) .feature-icon{background:#c8ff0026}.feature-card:nth-child(2) .feature-icon{background:#a78bfa26}.feature-card:nth-child(3) .feature-icon{background:#2dd4bf26}.feature-card:nth-child(4) .feature-icon{background:#ff6b4a26}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.feature-card p code{font-family:var(--font-mono);font-size:.85em;background:#ffffff0f;padding:.15rem .4rem;border-radius:4px;color:var(--accent-lime)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}nav:before{content:"";position:absolute;inset:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);z-index:-1}.logo{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.02em;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-text{transform:translateY(2px)}.logo-icon{width:32px;height:32px;background:linear-gradient(145deg,#0d1f2d,#1a3a4a,#2d5a5a 40%,#3d7a6a,#4a9a7a,#6bc4a0,#8ae4b0);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000004d}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.35rem;cursor:pointer}.nav-dropdown-trigger svg{transition:transform .2s ease}.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.75rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.5rem;min-width:200px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 10px 40px #0006}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu a{display:block;padding:.6rem .75rem;border-radius:8px;font-size:.85rem;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.nav-dropdown-menu a:hover{background:#ffffff0d;color:var(--text-primary)}.nav-dropdown-menu .dropdown-divider{height:1px;background:#ffffff0f;margin:.35rem .5rem}.nav-search-trigger{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem .75rem;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.85rem;transition:border-color .2s ease,background .2s ease}.nav-search-trigger:hover{border-color:#fff3;background:#ffffff14}.nav-search-trigger svg{flex-shrink:0}.nav-search-placeholder{color:var(--text-muted)}.nav-search-kbd{font-family:var(--font-mono);font-size:.7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.1rem .35rem;color:var(--text-muted)}@media(max-width:768px){nav{padding:1rem}.nav-links{display:none}.nav-search-trigger{padding:.4rem .6rem}.nav-search-placeholder,.nav-search-kbd{display:none}}footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center;position:relative;z-index:1}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links{order:-1}}.search-modal-overlay{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.search-modal-overlay.open{opacity:1;visibility:visible}.search-modal{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:560px;overflow:hidden;box-shadow:0 16px 64px #00000080;transform:scale(.96) translateY(-8px);transition:transform .2s}.search-modal-overlay.open .search-modal{transform:scale(1) translateY(0)}.search-modal.collapsed .search-modal-results,.search-modal.collapsed .search-modal-footer{display:none}.search-modal-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.search-modal-input-wrapper svg{flex-shrink:0;color:var(--text-muted)}.search-modal-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:1rem;color:var(--text-primary)}.search-modal-input::placeholder{color:var(--text-muted)}.search-modal-esc{font-family:var(--font-mono);font-size:.7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.15rem .4rem;color:var(--text-muted)}.search-modal-results{max-height:320px;overflow-y:auto;padding:.5rem}.search-results-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.5rem .75rem .25rem}.search-result{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background .1s}.search-result:hover,.search-result.selected{background:#ffffff0f}.search-result-icon{font-size:1rem;flex-shrink:0}.search-result-title{font-size:.9rem;font-weight:500}.search-result-description{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-description mark{background:#c8ff0033;color:var(--text-primary);border-radius:2px}.search-no-results{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.search-modal-footer{display:flex;gap:1.5rem;padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:var(--text-muted)}.search-modal-footer kbd{font-family:var(--font-mono);font-size:.65rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:.1rem .3rem}