:root { --black:#000000; --charcoal:#151515; --saffron:#F07900; --peach:#F8A145; --ink:var(--peach); --green:var(--saffron); --paper:var(--black); --muted:#a8662f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Mono", monospace; font-size:11px; letter-spacing:-.04em; }
.landing { min-height:100vh; overflow:hidden; position:relative; display:grid; place-items:center; isolation:isolate; }
.grain { position:absolute; inset:0; opacity:.24; pointer-events:none; z-index:-1; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E"); mix-blend-mode:screen; }
.topline { position:absolute; top:25px; left:50%; transform:translateX(-50%); display:flex; gap:64px; white-space:nowrap; }
.hero { position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; transform:translateY(-4px); }
.sigil { width:152px; height:126px; position:relative; margin-bottom:25px; animation:none; }
.brick { position:absolute; display:block; width:66px; height:14px; left:43px; background:linear-gradient(90deg,#777777 0%,#bcbcbc 48%,#ffffff 100%); filter:drop-shadow(3px 5px 0 rgba(255,255,255,.16)); }
.brick--top { top:19px; clip-path:polygon(9% 0,100% 0,91% 100%,0 100%); transform:scaleX(-1); }
.brick--bottom { top:86px; clip-path:polygon(0 0,91% 0,100% 100%,9% 100%); }
.orb { width:19px; height:19px; border-radius:50%; background:var(--peach); position:absolute; left:calc(50% - 9.5px); top:50px; box-shadow:0 0 0 9px rgba(248,161,69,.16); }
.thesis { position:absolute; inset:0; margin:0; width:100%; font-family:"DM Mono", monospace; font-size:20px; line-height:1.25; letter-spacing:-.06em; text-align:center; color:#ffffff; pointer-events:none; }
.thesis-top, .thesis-bottom { position:absolute; left:50%; width:280px; transform:translateX(-50%); }
.thesis-top { top:-45px; font-weight:400; }
.thesis-bottom { top:145px; font-family:"DM Mono", monospace; font-size:20px; font-style:normal; font-weight:500; }
.navigation { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; gap:8px; align-items:center; }
.navigation a, .brand-label { color:var(--ink); background:none; border:0; font:inherit; text-decoration:none; text-transform:uppercase; cursor:pointer; padding:0; }
.brand-label { cursor:default; color:#ffffff; font-family:"DM Mono", monospace; font-size:11px; font-weight:400; letter-spacing:-.04em; line-height:normal; text-transform:uppercase; }
.navigation a span { display:inline-block; margin-left:4px; transition:transform .25s ease; }
.navigation a:hover span { transform:translate(3px,-3px); }
.panel { position:absolute; z-index:2; width:min(420px,calc(100vw - 42px)); padding:26px 29px 31px; left:50%; top:50%; background:var(--charcoal); color:var(--peach); transform:translate(-50%,-42%) scale(.96); opacity:0; pointer-events:none; transition:.35s cubic-bezier(.2,.75,.2,1); box-shadow:0 28px 50px rgba(0,0,0,.58); }
.panel:target { transform:translate(-50%,-50%) scale(1); opacity:1; pointer-events:auto; }
.eyebrow { margin:0; text-transform:uppercase; opacity:.78; }
.panel-close { position:absolute; top:13px; right:17px; border:0; background:none; color:inherit; font:26px/1 sans-serif; cursor:pointer; text-decoration:none; }
.panel ul { list-style:none; margin:39px 0 0; padding:0; display:grid; gap:8px; font-family:"Playfair Display",serif; font-size:25px; letter-spacing:-.05em; }
.panel li a { color:inherit; text-decoration:none; }
.panel li a span { font-family:"DM Mono",monospace; font-size:13px; vertical-align:middle; }
.back-link { position:absolute; top:25px; left:28px; color:var(--peach); text-decoration:none; text-transform:uppercase; }
.auth-card { position:relative; width:min(430px,calc(100vw - 42px)); padding:92px 42px 42px; background:var(--charcoal); border:1px solid rgba(248,161,69,.22); box-shadow:0 28px 60px rgba(0,0,0,.6); }
.mini-mark { position:absolute; top:18px; right:24px; height:54px; width:152px; margin:0; animation:none; transform:scale(.54); transform-origin:right top; }
.auth-card h1, .dashboard-intro h1 { font-family:"Playfair Display",Georgia,serif; font-weight:500; letter-spacing:-.06em; margin:18px 0 12px; color:#fff; font-size:42px; line-height:.95; }
.auth-copy { color:#fff; font-family:"DM Sans",sans-serif; font-size:17px; letter-spacing:-.05em; line-height:1.25; margin:0 0 30px; }
.login-form { display:grid; gap:17px; }
.login-form label { display:grid; gap:8px; color:var(--peach); text-transform:uppercase; }
.login-form input { width:100%; border:1px solid rgba(248,161,69,.42); background:#000; color:#fff; font:15px "DM Sans",sans-serif; padding:13px; outline:none; }
.login-form input:focus { border-color:var(--peach); }
.login-form button { margin-top:8px; padding:14px; border:0; background:var(--peach); color:#000; font:500 11px "DM Mono",monospace; text-transform:uppercase; cursor:pointer; }
.login-form button span { margin-left:7px; }
.login-error { margin:0; color:#fff; font-size:10px; }
.dashboard-page { min-height:100vh; background:#000; color:var(--peach); }
.dashboard { width:min(1080px,calc(100vw - 56px)); margin:0 auto; padding:26px 0 56px; }
.dash-header { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px; text-transform:uppercase; }
.dash-header a { color:var(--peach); text-decoration:none; }.dash-header a:last-child { color:#fff; }.dash-header span { color:rgba(255,255,255,.48); }
.dashboard-intro { margin:128px 0 54px; max-width:590px; }.dashboard-intro h1 { font-size:68px; }.dashboard-intro > p:last-child { color:#fff; font:20px/1.2 "DM Sans",sans-serif; letter-spacing:-.05em; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(248,161,69,.25); border:1px solid rgba(248,161,69,.25); }.metrics article { min-height:210px; background:var(--charcoal); padding:24px; display:flex; flex-direction:column; }.metrics p { margin:0; text-transform:uppercase; }.metrics strong { color:#fff; font:500 39px/1 "Playfair Display",Georgia,serif; letter-spacing:-.06em; margin-top:auto; }.metrics span { margin-top:11px; color:rgba(255,255,255,.48); }
.investment-terms { margin-top:1px; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid rgba(248,161,69,.25); background:rgba(248,161,69,.25); }.investment-terms div { background:var(--charcoal); padding:20px 24px; }.investment-terms p { margin:0; }.investment-terms strong { color:#fff; display:block; margin-top:10px; font:500 24px/1 "Playfair Display",Georgia,serif; letter-spacing:-.05em; }
.withdrawal-request { margin-top:44px; border:1px solid rgba(248,161,69,.25); background:var(--charcoal); padding:25px; display:flex; justify-content:space-between; align-items:center; gap:28px; }.withdrawal-request h2 { color:#fff; font:500 30px/1 "Playfair Display",Georgia,serif; margin:14px 0 8px; letter-spacing:-.06em; }.withdrawal-request p:last-child { color:rgba(255,255,255,.48); margin:0; }.withdrawal-button { background:var(--peach); color:#000; padding:14px 17px; text-decoration:none; text-transform:uppercase; white-space:nowrap; }.withdrawal-button span { margin-left:8px; }
@media (max-width:650px) { .auth-card{padding:30px}.dash-header{flex-wrap:wrap}.dashboard-intro{margin:90px 0 40px}.dashboard-intro h1{font-size:49px}.metrics,.investment-terms{grid-template-columns:1fr}.metrics article{min-height:160px} }
@keyframes float { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-9px) rotate(2deg); } }
@keyframes mini-float { 0%,100% { transform:scale(.54) translateY(0); } 50% { transform:scale(.54) translateY(-6px); } }
@media (max-width:650px) { .thesis { position:static; width:auto; margin:30px 0 0; text-align:center; } .sigil { margin-bottom:15px; } .topline { gap:36px; } }