:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#fff6f0;background:#1a0909;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}a{text-decoration:none}#root{min-height:100vh}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.hero-card{width:min(100%,520px);border-radius:28px;background:#330909;border:1px solid #5c2a2a;box-shadow:0 28px 70px #00000073;overflow:hidden}.cover{position:relative;height:176px}.cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a09091f,#33090914 42%,#330909)}.profile-block{position:relative;z-index:1;display:flex;justify-content:center;margin-top:-62px}.profile-frame{width:124px;height:124px;padding:4px;border-radius:50%;background:#f0d2c8;box-shadow:0 0 0 6px #330909}.profile-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:50%}.hero-body{padding:16px 24px 28px;text-align:center}.hero-card h2{margin:0;font-size:clamp(1.55rem,4.4vw,2rem);line-height:1.15;letter-spacing:-.03em}.tagline{margin:10px 0 0;color:#e4c8c0;font-size:.95rem}.links-grid{margin-top:24px;display:grid;gap:12px}.link-card{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 18px;border-radius:16px;color:#fff6f0;background:transparent;border:1px solid #e4c8c0;transition:transform .18s ease,background .18s ease}.link-card:hover{transform:translateY(-2px);background:#f0d2c81f}.link-card:focus-visible{outline:2px solid #fff6f0;outline-offset:3px}.link-card__icon{display:grid;place-items:center;flex:none;color:#f0d2c8}.link-card__icon svg{display:block;width:18px;height:18px}.link-card__title{font-size:1.05rem;font-weight:700}.empty-state{margin:24px 0 0;padding:16px 18px;border-radius:16px;background:#4a1818;color:#e4c8c0}@media(min-width:768px){.cover{height:210px}.profile-frame{width:140px;height:140px}.profile-block{margin-top:-70px}.hero-body{padding:18px 36px 36px}}
