@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600;800&display=swap";:root{--bg:#000;--surface:#0a0a0a;--border:#1a1a1a;--text:#f0f0f0;--dim:#888;--accent:#fff;--nav-height:70px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:none;background:var(--bg)}html::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}#bg-canvas{z-index:-1;opacity:.4;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:0 24px;display:flex;position:relative}nav{height:var(--nav-height);z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000b3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{color:var(--accent);flex-shrink:0;margin-right:24px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;text-decoration:none}.links{align-items:center;gap:24px;height:100%;display:flex}.link{color:var(--dim);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;height:100%;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.link:hover,.link.active{color:var(--accent);text-shadow:0 0 15px #fff6}.link.active{border-bottom-color:var(--accent)}@media (max-width:850px){nav{height:auto;padding:15px 0 0;display:block}.logo{margin-bottom:10px;padding-left:5px;display:block}.links{scrollbar-width:none;gap:20px;width:100%;padding-bottom:0;display:flex;overflow-x:auto}.link{padding:10px 5px;font-size:.9rem}}main{flex-direction:column;flex:1;display:flex}.hero-viewport{flex-direction:column;justify-content:center;min-height:85vh;padding-bottom:60px;display:flex}h1{letter-spacing:-.04em;background:linear-gradient(#fff 20%,#444 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:.95;animation:6s ease-in-out infinite float}p{color:var(--dim);max-width:550px;margin-bottom:32px;font-size:clamp(1rem,4vw,1.1rem);line-height:1.6}.btn{background:var(--accent);color:#000;border:1px solid var(--accent);border-radius:6px;justify-content:center;align-items:center;height:52px;margin-bottom:16px;margin-right:16px;padding:0 36px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}.btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px -5px #fff6}.btn:active{transform:scale(.98)}.btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff26}.btn-secondary:hover{border-color:var(--accent);background:#ffffff1a}.content-section{border-top:1px solid var(--border);padding-top:40px;padding-bottom:60px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#0a0a0a99;border-radius:16px;flex-direction:column;padding:30px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.card:hover{background:#191919cc;border-color:#fff6;transform:translateY(-12px)scale(1.02);box-shadow:0 25px 50px -12px #000c}.card-title{color:var(--accent);margin-bottom:8px;font-size:1.1rem;font-weight:600}.card-desc{color:var(--dim);font-size:.9rem;line-height:1.5}.legal-text{background:var(--surface);border:1px solid var(--border);color:#ccc;border-radius:8px;margin-bottom:20px;padding:30px;font-size:.95rem}footer{border-top:1px solid var(--border);text-align:center;color:var(--dim);background:#020202;margin-top:auto;padding:40px 20px;font-size:.85rem}.footer-link{color:var(--dim);text-decoration:underline;transition:color .2s}.footer-link:hover{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;filter:blur(4px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(60px)}60%{opacity:1;transform:scale(1.05)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in-page{opacity:0;animation:.6s forwards fadeInUp}.hero-enter>*{opacity:0;animation:.8s forwards fadeInUp}.hero-enter>:first-child{animation-delay:.1s}.hero-enter>:nth-child(2){animation-delay:.2s}.hero-enter>:nth-child(3){animation-delay:.3s}.hero-enter>:nth-child(4){animation-delay:.4s}.pop-card{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards popIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}
