*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080808;--panel:#111;--muted:#969696;--line:#292929;--white:#f5f5f2} html{min-height:100%;background:var(--bg)} body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1d1d1d 0%,#0b0b0b 44%,#050505 100%);color:var(--white);font-family:"DM Sans",Arial,sans-serif;display:flex;justify-content:center;padding:24px 16px 18px}.page-shell{width:100%;max-width:620px}.topbar{height:46px;display:flex;align-items:center;justify-content:space-between;margin:0 2px 22px}.monogram{font-weight:700;letter-spacing:-1.5px;font-size:22px;color:#fff;text-decoration:none}.monogram span{color:#a8a8a8}.top-label,.status,footer{font-size:9px;letter-spacing:2px;color:#888}.status{display:flex;align-items:center;gap:7px}.status i{width:6px;height:6px;border-radius:50%;background:#bdbdbd;box-shadow:0 0 9px #ddd}.profile-card{position:relative;overflow:hidden;border:1px solid #303030;border-radius:25px;background:linear-gradient(145deg,rgba(27,27,27,.97),rgba(10,10,10,.99) 55%);padding:38px clamp(20px,6vw,48px) 30px;text-align:center;box-shadow:0 28px 80px #0009}.ambient{position:absolute;border-radius:50%;filter:blur(65px);pointer-events:none;opacity:.18}.ambient-one{width:210px;height:210px;background:#aaa;top:-130px;left:-80px}.ambient-two{width:190px;height:190px;background:#777;right:-130px;top:260px}.eyebrow{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;color:#aaa;font-size:9px;letter-spacing:3px}.eyebrow span,.divider span{height:1px;width:30px;background:linear-gradient(90deg,transparent,#777)}.eyebrow span:last-child,.divider span:last-child{transform:rotate(180deg)}.portrait-wrap{position:relative;width:130px;height:130px;margin:28px auto 19px}.portrait-ring{width:100%;height:100%;padding:5px;border:1px solid #777;border-radius:50%;background:linear-gradient(145deg,#eee,#555 48%,#171717);box-shadow:0 0 0 7px #ffffff08,0 12px 35px #000}.portrait-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 35%;display:block;border:3px solid #111}.verified-dot{position:absolute;right:4px;bottom:8px;width:17px;height:17px;background:#e8e8e8;border:4px solid #111;border-radius:50%}h1{position:relative;margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(36px,8vw,48px);letter-spacing:-1.5px}h1 em{font-style:normal;color:#aaa}.role{margin:12px 0 0;font-size:10px;letter-spacing:2.5px;color:#e0e0e0;font-weight:600}.role b{color:#777;padding:0 5px}.bio{position:relative;margin:19px 0 25px;color:#a6a6a6;font-size:13px;line-height:1.8}.primary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.button{min-height:48px;padding:0 19px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font:600 11px "DM Sans",sans-serif;letter-spacing:.5px;cursor:pointer;transition:.2s}.button svg,.socials svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button-light{background:#f2f2ef;color:#111;border:1px solid #f2f2ef}.button-light:hover{background:#d7d7d3}.button-outline{background:transparent;color:#eee;border:1px solid #555}.button-outline:hover{border-color:#ddd;background:#ffffff0b}.socials{display:flex;justify-content:center;gap:13px;margin:25px 0 28px}.socials a{width:39px;height:39px;border:1px solid #373737;border-radius:50%;display:grid;place-items:center;color:#ccc;transition:.2s}.socials a:hover{color:#fff;border-color:#aaa;transform:translateY(-2px)}.divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#777;font-size:8px;letter-spacing:2px}.divider span{width:45px}.qr-area{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px auto 0;padding:16px 18px;max-width:370px;border:1px solid #292929;border-radius:13px;background:#ffffff05;text-align:left}.qr-frame{background:#fff;padding:7px;border-radius:5px;width:94px;height:94px;flex:none}.qr-frame img{width:100%;height:100%;display:block}.qr-copy strong{font-size:12px;letter-spacing:.4px}.qr-copy p{font-size:10px;line-height:1.6;color:#999;margin:6px 0}.qr-copy button{padding:0;border:0;background:none;color:#eee;font:600 10px "DM Sans",sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;padding:17px 5px 0;font-size:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#f1f1ed;color:#111;padding:11px 17px;border-radius:30px;font-size:12px;transition:.25s;pointer-events:none;box-shadow:0 8px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:420px){body{padding:13px 10px}.topbar{margin-bottom:14px}.top-label{display:none}.profile-card{padding:30px 17px 23px;border-radius:19px}.portrait-wrap{width:116px;height:116px}.role{font-size:9px;letter-spacing:1.8px}.bio{font-size:12px}.button{flex:1;padding:0 10px;font-size:10px}.qr-area{padding:13px;gap:13px}.qr-frame{width:84px;height:84px}footer{font-size:7px;letter-spacing:1.4px}}