@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{color-scheme:dark;--ink:#fff8ed;--muted:#c8b8aa;--gold:#e9b957;--red:#80291f;--panel:#160f11}
*{box-sizing:border-box}
html{min-height:100%;background:#100a0b}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(118deg,#0d090b 0%,#1a0c0e 25%,#28100e 51%,#170c0d 74%,#0b090a 100%)}

/* Fine gold flecks and angled light, without large background circles. */
.sparkle-layer{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.75;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#ffe9b6 98%,transparent),radial-gradient(1px 1px at 69% 36%,#ffe1a0cc 98%,transparent),radial-gradient(1.6px 1.6px at 88% 76%,#ffc75ddd 98%,transparent),radial-gradient(1px 1px at 41% 83%,#fff4d4bb 98%,transparent),repeating-linear-gradient(127deg,transparent 0 112px,#e8b9570a 113px 114px,transparent 115px 226px),linear-gradient(118deg,transparent 0 26%,#a9302215 47%,transparent 70%),linear-gradient(25deg,transparent 0 66%,#e1a63a0c 82%,transparent 94%);background-size:181px 169px,237px 219px,283px 257px,321px 293px,300px 300px,100% 100%,100% 100%;background-position:0 0,47px 33px,89px 71px,13px 99px,0 0,0 0,0 0;animation:sparkleDrift 48s linear infinite}
.site-shell{position:relative;z-index:1;width:min(100% - 28px,530px);min-height:100vh;margin:0 auto;padding:24px 0 84px}

.profile{display:flex;align-items:center;flex-direction:column;text-align:center}
.logo-frame{position:relative;width:132px;height:132px;padding:5px;margin-bottom:14px;border-radius:50%;background:linear-gradient(145deg,#fff0c1 0%,#e8b24d 42%,#9d3527 100%);box-shadow:0 0 18px #e5a94342,0 0 42px #a6332124;animation:logoFloat 5.5s ease-in-out infinite}
.logo{display:block;width:100%;height:100%;border:4px solid #1b0e0f;border-radius:50%;object-fit:cover;background:linear-gradient(145deg,#522b25,#251416 66%,#120c0d)}
.logo-placeholder{display:flex;align-items:center;justify-content:center;color:#fff5dc;font-weight:900;text-shadow:0 2px 18px #e8b65370}
.logo-placeholder span{font-size:47px;letter-spacing:-6px;transform:translateX(3px)}
.logo-placeholder small{align-self:center;margin:10px 0 0 3px;font-size:24px;letter-spacing:-2px;color:#f3c86e}
.verified{position:absolute;right:-3px;bottom:1px;width:36px;height:36px;display:grid;place-items:center;border:3px solid #1b0e0f;border-radius:50%;background:linear-gradient(145deg,#fff0bb,#d99b36);color:#311613;font-size:18px;font-weight:900;box-shadow:0 0 14px #e5ad4d88}
h1{margin:0;color:#fff8eb;font-size:clamp(35px,4vw,46px);font-weight:900;letter-spacing:-1.9px;line-height:1;text-transform:uppercase;text-shadow:0 2px 24px #d3963833}
.tagline{margin:10px 0 19px;color:#ddc8b3;font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}
.trust-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px}
.trust-item{min-height:42px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid #69443185;color:#f0dfcb;font-size:9px;line-height:1.35;font-weight:800;letter-spacing:.45px;text-align:center;text-transform:uppercase}
.trust-item:last-child{border:0}
.trust-icon{color:#f0c36a;font-size:16px;text-shadow:0 0 12px #ebad4577}

.link-list{display:flex;flex-direction:column;gap:9px}
.link-card{--accent:#54aaff;--tint:#167fc530;--icon:#087bd1;position:relative;isolation:isolate;overflow:hidden;min-height:72px;padding:9px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--accent);border-radius:14px;color:#fff;text-decoration:none;background:linear-gradient(105deg,var(--tint),#171014 82%);box-shadow:0 5px 18px #05030466,inset 0 0 18px var(--tint);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.link-card:after{content:"";position:absolute;z-index:-1;top:-80%;bottom:-80%;left:-35%;width:22%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .65s ease}
.link-card:hover:after,.link-card:focus-visible:after{left:115%}
.link-card:hover,.link-card:focus-visible{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 8px 24px #05030488,inset 0 0 20px var(--tint);outline:none}
.link-card:focus-visible{outline:2px solid #fff2cf;outline-offset:2px}
.theme-green{--accent:#08d278;--tint:#00bd7028;--icon:#04bc68}
.theme-blue{--accent:#32a9f7;--tint:#087ff028;--icon:#168fe3}
.theme-gold{--accent:#e6b342;--tint:#d8992528;--icon:#a87615}
.theme-purple{--accent:#9b72f2;--tint:#7e34ec28;--icon:#7044c7}
.theme-violet{--accent:#c05be8;--tint:#a324d828;--icon:#7c2aa7}
.theme-red{--accent:#f04b63;--tint:#ec1f4a28;--icon:#d82c4b}
.link-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:11px;background:var(--icon);color:#fff;font-size:22px;font-weight:900;box-shadow:0 3px 10px #0004}
.link-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;text-align:left}
.link-copy strong{font-size:15px;line-height:1.15;font-weight:800}
.link-copy small{overflow:hidden;color:#d5c6b9;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.link-arrow{width:26px;height:26px;display:grid;place-items:center;color:#fff;font-size:23px;line-height:1;transition:transform .2s ease}
.link-card:hover .link-arrow{transform:translateX(3px)}

.site-footer{margin-top:21px;display:flex;align-items:center;justify-content:center;gap:9px;color:#b9a594;font-size:10px;line-height:1.6;text-align:center}
.footer-mark{color:#edbd5c;font-size:15px;text-shadow:0 0 12px #e7a83f80}
.music-button{position:fixed;right:max(12px,calc((100vw - 530px)/2 + 12px));bottom:16px;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #e7b652;border-radius:999px;background:linear-gradient(120deg,#6c241d,#361517);color:#fff5e5;font:700 12px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 5px 22px #05030499;transition:transform .2s ease,box-shadow .2s ease}
.music-button:hover{transform:translateY(-2px);box-shadow:0 8px 26px #9f3d2777}
.music-button.is-playing{animation:musicGlow 1.8s ease-in-out infinite alternate}
.music-symbol{color:#f4cd79;font-size:17px}

@keyframes sparkleDrift{to{background-position:74px 62px,148px 105px,191px 123px,88px 177px,300px 150px,0 0,0 0}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes musicGlow{to{box-shadow:0 5px 26px #dd9e4266}}
@media(max-width:520px){.site-shell{width:min(100% - 24px,530px);padding-top:20px}.logo-frame{width:122px;height:122px;margin-bottom:13px}.logo-placeholder span{font-size:43px}.logo-placeholder small{font-size:22px}h1{font-size:clamp(30px,9vw,39px)}.tagline{max-width:100%;font-size:9px;letter-spacing:1.5px}.trust-row{margin-bottom:15px}.trust-item{min-height:44px;padding:5px 4px;gap:5px;font-size:7px;letter-spacing:.15px}.trust-icon{font-size:14px}.link-list{gap:8px}.link-card{min-height:66px;padding:7px 9px;gap:9px}.link-icon{width:43px;height:43px;flex-basis:43px;font-size:20px}.link-copy strong{font-size:14px}.link-copy small{font-size:9px}.site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sparkle-layer,.logo-frame,.music-button.is-playing{animation:none!important}.link-card,.link-card:after,.link-arrow,.music-button{transition:none!important}}