:root{--ink:#2b1745;--muted:#6b5686;--accent:#8a4fd0;--glass:rgba(255,255,255,.55);--edge:rgba(255,255,255,.75)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:#cdb3e0 url(/bg.jpg) center/cover no-repeat}
body{color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;justify-content:center;padding:48px 20px}
main{width:100%;max-width:440px;text-align:center}
h1{font:600 2.6rem/1.1 "Iowan Old Style",Palatino,Georgia,serif;margin:0 0 16px}
p{margin:0 0 22px}
.avatar{width:136px;height:136px;border-radius:50%;margin:0 auto 22px;display:block;object-fit:cover;border:3px solid var(--edge);box-shadow:0 6px 24px rgba(80,40,130,.25)}
.btn{display:flex;align-items:center;gap:14px;padding:12px 18px;margin:0 0 14px;border:1px solid var(--edge);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);text-decoration:none;font-weight:600;transition:background .15s,transform .15s}
.btn:hover,.btn:focus-visible{background:rgba(255,255,255,.8);transform:translateY(-1px);outline:none}
.btn span{flex:1;text-align:center;padding-right:36px}
.btn.solo{justify-content:center}.btn.solo span{flex:none;padding:0}
.ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font:700 .8rem/1 system-ui,sans-serif;flex:none}
.ic svg{width:20px;height:20px}
.group{margin:26px 0 12px;color:var(--muted);font-size:.9rem}
.back{display:inline-block;margin-top:20px;color:var(--muted);text-decoration:none;font-size:.9rem}
.ic.logo{background:#fff;padding:5px}.ic.logo img{width:100%;height:100%;object-fit:contain;display:block}
