:root{--paper:#f1ebf6;--paper2:#e9defa;--ink:#22112b;--purple:#7c2df0;--deep:#3c1173;--muted:#6c5b78;--white:#fdfbff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Shippori Mincho',serif;min-height:100vh}body:before{content:'';position:fixed;inset:-20%;background:repeating-conic-gradient(from -12deg at 8% 32%,rgba(124,45,240,.05) 0 1.4deg,transparent 1.4deg 7deg);pointer-events:none}.shell{position:relative;max-width:1120px;margin:auto;padding:28px 28px 48px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed rgba(34,17,43,.2);padding-bottom:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 25px 'Big Shoulders Display',sans-serif;letter-spacing:.04em}.brand small{color:var(--purple);font-size:.6em}.mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);background:var(--white);border-radius:13px 13px 13px 4px;box-shadow:3px 3px var(--ink)}.back,.ghost{color:var(--ink);font-weight:700}.back{text-decoration:none}.hero{padding:105px 0 75px;max-width:850px}.eyebrow{font:800 14px 'Big Shoulders Display';letter-spacing:.16em;color:var(--purple)}h1{font:900 clamp(55px,9vw,110px)/.82 'Big Shoulders Display';margin:18px 0 28px;letter-spacing:-.02em}h1 em{color:var(--purple);font-style:normal}p{font-size:18px;line-height:1.7;max-width:680px}.button{display:inline-flex;align-items:center;gap:25px;margin-top:22px;padding:15px 20px;background:var(--purple);color:white;text-decoration:none;font:800 20px 'Big Shoulders Display';border:2px solid var(--ink);box-shadow:5px 5px var(--ink);border-radius:14px 14px 14px 4px}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px var(--ink)}.note{margin-top:16px;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.panel{background:var(--white);border:2px solid var(--ink);border-radius:18px 18px 18px 5px;box-shadow:5px 5px var(--ink);padding:24px}.cards b{color:var(--purple);font:800 18px 'Big Shoulders Display'}.cards h2,.panel h2{font:800 31px 'Big Shoulders Display';margin:8px 0}.cards p{font-size:15px;margin:0}.panel{max-width:700px;margin:90px auto}.status{font-weight:700;margin-bottom:30px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#1c8a4d;margin-right:8px}.profile{display:flex;gap:16px;align-items:center}.avatar{width:64px;height:64px;border-radius:22px 22px 22px 6px;border:2px solid var(--ink);display:grid;place-items:center;background:var(--paper2);font:800 25px 'Big Shoulders Display';overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.name{font:800 27px 'Big Shoulders Display'}.muted{color:var(--muted)}hr{border:0;border-top:2px dashed rgba(34,17,43,.2);margin:28px 0}.states{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.states span{padding:8px 11px;border:1px solid rgba(34,17,43,.2);border-radius:10px;background:var(--paper2);font-size:13px}.ghost{border:2px solid var(--ink);background:var(--white);padding:10px 15px;border-radius:11px;cursor:pointer;font-family:inherit}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:60px}@media(max-width:700px){.shell{padding:20px}.hero{padding:75px 0 55px}.cards{grid-template-columns:1fr}h1{font-size:64px}.panel{margin:55px 0}}
