:root{--bg: #f5f3f0;--bg-raised: #ffffff;--bg-input: #ffffff;--border: #e0ddd8;--border-focus: #b0aca5;--text: #2c2c2c;--text-muted: #7a756e;--text-link: #4a6fa5;--accent: #4a6fa5;--accent-hover: #3b5d8a;--danger: #c44040;--success: #3a8a5c;--radius: 8px;--max-width: 480px;--belt-white: #c8c4be;--belt-blue: #2563eb;--belt-purple: #7c3aed;--belt-brown: #8b5e34;--belt-black: #2c2c2c;--belt-coral: #c0392b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='fade' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='white' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.15'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1920' height='1080' fill='url(%23fade)'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Cg transform='rotate(35 960 540)'%3E%3Crect x='100' y='-800' width='180' height='3000' fill='%23d5d0c8' stroke='%23b0aba3' stroke-width='1'/%3E%3Crect x='400' y='-800' width='180' height='3000' fill='%232563eb'/%3E%3Crect x='700' y='-800' width='180' height='3000' fill='%237c3aed'/%3E%3Crect x='1000' y='-800' width='180' height='3000' fill='%238b5e34'/%3E%3Crect x='1300' y='-800' width='180' height='3000' fill='%232c2c2c'/%3E%3Crect x='1600' y='-800' width='180' height='3000' fill='%23c0392b'/%3E%3Crect x='1600' y='-800' width='180' height='375' fill='%232c2c2c'/%3E%3Crect x='1600' y='-50' width='180' height='375' fill='%232c2c2c'/%3E%3Crect x='1600' y='700' width='180' height='375' fill='%232c2c2c'/%3E%3Crect x='1600' y='1450' width='180' height='375' fill='%232c2c2c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-attachment:fixed}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{display:block;width:100%;padding:.625rem .75rem;margin-top:.25rem;font-size:1rem;font-family:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:inherit;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text);background:var(--bg-raised);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--bg-input)}button.danger{background:var(--danger)}.page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.page-wide{max-width:720px;margin:0 auto;padding:2rem 1rem}.stack{display:flex;flex-direction:column;gap:1rem}.stack-sm{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;align-items:center;gap:.75rem}.between{justify-content:space-between}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 1px 3px #0000000a}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.muted{color:var(--text-muted)}.small{font-size:.8125rem}.error{color:var(--danger);font-size:.875rem}.belt-white{color:var(--belt-white)}.belt-blue{color:var(--belt-blue)}.belt-purple{color:var(--belt-purple)}.belt-brown{color:var(--belt-brown)}.belt-black{color:var(--belt-black)}.belt-strip{height:3px;width:100%;background:linear-gradient(to right,var(--belt-white),var(--belt-blue),var(--belt-purple),var(--belt-brown),var(--belt-black),var(--belt-coral))}.belt-strip span{display:none}nav.app-nav{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}nav.app-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}nav.app-nav .brand{font-weight:700;font-size:1.125rem;color:var(--text);text-decoration:none}nav.app-nav .nav-links{display:flex;gap:1.25rem;align-items:center}nav.app-nav .nav-links a{font-size:.875rem;color:var(--text-muted)}nav.app-nav .nav-links a:hover,nav.app-nav .nav-links a.active{color:var(--text);text-decoration:none}