:root{--bg-1:#0f1724;--bg-2:#0b1220;--card:#0f1729;--accent:#7c3aed;--accent-2:#06b6d4;--glass:rgba(255,255,255,0.04);--text:#e6eef8}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:var(--text);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}
.profile{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}
.avatar{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:8px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.name{margin:14px 0 6px;font-size:20px;font-weight:700}
.bio{margin:0;font-size:13px;opacity:0.85}
.links{width:100%;max-width:420px;display:grid;gap:12px}
.btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass);text-decoration:none;color:var(--text);transition:transform .12s ease,box-shadow .12s ease}
.btn .icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.02);flex:0 0 36px}
.btn .icon svg{display:block;color:linear-gradient(90deg,var(--accent),var(--accent-2))}
.btn .label{font-weight:600}
.btn:active{transform:scale(.996)}
.btn:hover{box-shadow:0 8px 30px rgba(12,18,33,0.6)}
.footer{margin-top:20px;color:rgba(230,238,248,0.6);font-size:13px}
.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(12px);bottom:28px;min-width:180px;max-width:80%;background:linear-gradient(90deg,var(--card),rgba(255,255,255,0.02));color:var(--text);padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:420px){.page{padding:18px}.avatar{width:84px;height:84px;border-radius:16px}.btn{padding:12px}.name{font-size:18px}}