@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";:root{--base: #0f1117;--surface: #171a22;--surface-raised: #1e222c;--border: #2a2f3a;--border-light: #363c4a;--text: #e8e2d5;--text-muted: #8a8577;--text-dim: #5c584e;--brass: #c9953a;--brass-dim: #a07a2e;--brass-glow: rgba(201, 149, 58, .12);--terra: #c0543a;--terra-dim: rgba(192, 84, 58, .15);--sage: #7aab7e;--sage-dim: rgba(122, 171, 126, .15);--teal: #5ba8b5;--teal-dim: rgba(91, 168, 181, .15);--grid-color: rgba(201, 149, 58, .04);--grid-line: rgba(201, 149, 58, .07);--font-display: "Playfair Display", Georgia, serif;--font-mono: "IBM Plex Mono", "Menlo", monospace;--nav-height: 56px;--page-max: 1200px;--page-pad: 32px;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--base);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(201,149,58,.05),transparent);pointer-events:none;z-index:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}::selection{background:var(--brass-glow);color:var(--text)}a{color:var(--brass);text-decoration:none}a:hover{color:var(--text)}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter>*{opacity:0;transform:translateY(12px);animation:reveal .45s var(--ease-out) forwards}.page-enter>*:nth-child(1){animation-delay:.04s}.page-enter>*:nth-child(2){animation-delay:.1s}.page-enter>*:nth-child(3){animation-delay:.16s}.page-enter>*:nth-child(4){animation-delay:.22s}.page-enter>*:nth-child(5){animation-delay:.28s}.page-enter>*:nth-child(6){animation-delay:.34s}.nav-strip{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#0f1117eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);z-index:100}.nav-logo{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--brass);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.nav-logo span{color:var(--text-muted);font-weight:400}.nav-tabs{display:flex;gap:4px}.nav-tab{padding:8px 16px;border-radius:6px;cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:all .2s var(--ease-out);border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;background:none}.nav-tab:hover{color:var(--text);background:var(--surface)}.nav-tab.active{color:var(--brass);background:var(--brass-glow);border-color:#c9953a33}.nav-user{width:32px;height:32px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s}.nav-user:hover{border-color:var(--brass-dim)}.page-wrapper{position:relative;z-index:1;min-height:100vh;padding:calc(var(--nav-height) + 24px) var(--page-pad) 48px;max-width:var(--page-max);margin:0 auto}.section-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s var(--ease-out);border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn:hover{background:var(--surface-raised);border-color:var(--border-light)}.btn-primary{background:var(--brass);border-color:var(--brass);color:var(--base);font-weight:600}.btn-primary:hover{background:var(--brass-dim);border-color:var(--brass-dim)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.coming-soon-icon{width:64px;height:64px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--brass)}.coming-soon h2{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text)}.coming-soon p{color:var(--text-muted);font-size:13px;max-width:360px;text-align:center;line-height:1.7}