@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;0,500;1,400&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0f0f0f;--paper:#f5f1ea;--cream:#faf7f2;--amber:#c8873a;--amber-light:#f0d9bc;--amber-deep:#8a5a1e;--slate:#3d3530;--muted:#8a7f76;--rule:#ddd5c8;--red:#c0392b;--green:#2d6a4f;--shadow:0 2px 20px rgba(15,10,5,.08);--shadow-lg:0 8px 40px rgba(15,10,5,.12)}html{scroll-behavior:smooth}body{background:var(--paper);font-family:Lora,serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{background:var(--ink);height:60px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:12px;cursor:pointer}.nav-logo{width:32px;height:32px;background:var(--amber);display:flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%);clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%);flex-shrink:0}.nav-title{font-family:Syne,sans-serif;font-weight:700;color:#fff;font-size:15px;letter-spacing:.02em}.nav-sub{font-family:DM Mono,monospace;color:var(--amber);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#aaa;cursor:pointer;transition:color .2s;background:none;border:none;padding:6px 10px}.nav-link:hover{color:#fff}.nav-btn{font-family:Syne,sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;border:none;cursor:pointer;transition:all .2s;background:var(--amber);color:var(--ink)}.nav-btn:hover{background:#fff}.nav-btn-outline{background:transparent;border:1px solid #444;color:#aaa}.nav-btn-outline:hover{border-color:var(--amber);color:var(--amber)}.btn-primary{font-family:Syne,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;background:var(--ink);color:#fff;border:none;cursor:pointer;transition:all .2s;display:inline-block}.btn-primary:hover{background:var(--amber-deep)}.btn-primary:disabled{background:var(--rule);color:var(--muted);cursor:not-allowed}.btn-amber{font-family:Syne,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;background:var(--amber);color:var(--ink);border:none;cursor:pointer;transition:all .2s;display:inline-block}.btn-amber:hover{background:#fff}.btn-ghost{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;background:transparent;border:1px solid var(--rule);color:var(--muted);cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;font-family:Lora,serif;font-size:14px;color:var(--ink);background:var(--cream);border:1px solid var(--rule);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--amber)}.form-input::placeholder{color:var(--muted)}.form-error{background:#fdf0ef;border-left:3px solid var(--red);color:var(--red)}.form-error,.form-success{padding:10px 14px;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:11px}.form-success{background:#f0faf4;border-left:3px solid var(--green);color:var(--green)}.card{background:var(--cream);border:1px solid var(--rule);box-shadow:var(--shadow);overflow:hidden}.card-header{justify-content:space-between;padding:14px 24px;background:var(--ink);border-bottom:1px solid #222}.card-header,.card-title{display:flex;align-items:center}.card-title{font-family:Syne,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;gap:8px}.card-body{padding:24px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}.spinner-dark{border-color:rgba(0,0,0,.15);border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(1turn)}}.page{min-height:100vh}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 2rem}.container-sm{max-width:480px}.pill{display:inline-block;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}.pill-amber{background:var(--amber-light);color:var(--amber-deep);border:1px solid var(--amber)}.pill-green{background:#d4edda;color:var(--green)}.pill-ink{background:var(--ink);color:#fff}.pill-muted{background:var(--rule);color:var(--muted)}.footer{background:#0a0a0a;padding:2rem;text-align:center;font-family:DM Mono,monospace;font-size:10px;color:#444;letter-spacing:.1em;text-transform:uppercase}