html{background:#07090f}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(84,98,255,.18),transparent 30rem),radial-gradient(circle at 90% 25%,rgba(0,190,160,.1),transparent 25rem),#060810;color:#f8f9fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.page{width:min(100%,650px);min-height:100vh;margin:0 auto;padding:24px 18px 42px}.center{display:grid;place-items:center}.loginShell{width:100%;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#0f121df0;box-shadow:0 30px 90px #00000073}.brandMark{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#7885ff,#3944cb);box-shadow:0 12px 30px #4b59ff4d;font-size:17px;font-weight:950}.eyebrow,.smallLabel{color:#9aa4b9;font-size:10px;font-weight:850;letter-spacing:.18em}.eyebrow{margin:20px 0 0}h1{margin:10px 0 8px;font-size:clamp(34px,9vw,54px);line-height:1;letter-spacing:-.055em}.muted{color:#aab2c2;line-height:1.55}.form{display:grid;gap:11px;margin-top:28px}label{color:#bbc1cd;font-size:13px}input{width:100%;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:16px;outline:none;background:#0a0d15;color:#fff}input:focus{border-color:#7380ff;box-shadow:0 0 0 3px #7380ff1f}button{padding:14px 18px;border:0;border-radius:16px;background:linear-gradient(135deg,#7583ff,#5361ec);color:#fff;font-weight:850}button:disabled{opacity:.55}.secondary,.logoutButton{background:#ffffff12}.message{margin-top:18px;padding:13px 15px;border-radius:15px;background:#ffffff0e;color:#c9ced8}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 22px}.topbar>div{display:grid;gap:3px}.topbarLabel{color:#808a9d;font-size:10px;letter-spacing:.16em}.topbar strong{font-size:15px}.logoutButton{padding:9px 14px;font-size:12px}.digitalCard{position:relative;overflow:hidden;min-height:690px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(145deg,#182044,#10172f 38%,#090d19);box-shadow:0 35px 100px #00000085,inset 0 1px #ffffff14}.cardNoise{position:absolute;inset:0;opacity:.045;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.cardOrb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.cardOrbOne{width:330px;height:330px;right:-160px;top:-130px;background:#6676ff3d}.cardOrbTwo{width:280px;height:280px;left:-170px;bottom:-150px;background:#00cdac1c}.cardWatermark{position:absolute;right:-15px;top:180px;font-size:170px;font-weight:950;letter-spacing:-.1em;color:#ffffff06;transform:rotate(-10deg);pointer-events:none}.premiumCardHeader{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.clubIdentity{display:flex;align-items:center;gap:13px}.clubLogo{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14;font-size:20px;font-weight:950}.clubIdentity>div:last-child{display:grid;gap:5px}.clubName{font-size:18px;letter-spacing:-.02em}.cardYear{display:grid;gap:3px;text-align:right}.cardYear span{color:#8791a6;font-size:9px;letter-spacing:.18em}.cardYear strong{font-size:22px}.memberIdentity{position:relative;z-index:2;margin-top:52px}.memberLabel{color:#818ba0;font-size:10px;font-weight:850;letter-spacing:.2em}.memberIdentity h2{max-width:470px;margin:8px 0 10px;font-size:clamp(34px,9vw,52px);line-height:.98;letter-spacing:-.055em}.memberRole{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ffffff12;color:#c5cbda;font-size:11px;font-weight:800}.premiumInfoGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr;gap:11px;margin-top:34px}.premiumInfoItem{padding:15px 16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#ffffff0b}.premiumInfoItem:first-child{grid-column:span 2}.premiumInfoItem span{display:block;margin-bottom:7px;color:#768096;font-size:9px;font-weight:800;letter-spacing:.15em}.premiumInfoItem strong{font-size:15px}.cardNumber{font-size:22px!important;letter-spacing:.055em}.premiumBottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:30px}.qrPremiumWrap{display:grid;gap:8px;text-align:center}.qrPremium{padding:12px;border-radius:20px;background:#fff;box-shadow:0 15px 40px #00000047}.qrPremiumWrap>span{color:#707a8e;font-size:8px;font-weight:800;letter-spacing:.13em}.cardStatusArea{display:grid;justify-items:end;gap:10px}.premiumStatus{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.08em}.premiumStatusValid{color:#66efb2;background:#32d8891f;border:1px solid rgba(50,216,137,.18)}.premiumStatusDanger{color:#ff8290;background:#ff4a5f1f;border:1px solid rgba(255,74,95,.18)}.statusDot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.hologram{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,#6476ffa6,#00d2af73,#ffc86e61,#b262ff8c,#6476ffa6);opacity:.55;box-shadow:inset 0 0 0 8px #ffffff14;transform:rotate(-8deg)}.hologram span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#060810a6;color:#fffc;font-size:12px;font-weight:950;letter-spacing:-.05em}.premiumFooter{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-top:17px;border-top:1px solid rgba(255,255,255,.07)}.premiumFooter span{color:#626c80;font-size:8px;letter-spacing:.16em}.premiumFooter strong{font-size:10px;letter-spacing:.15em;color:#8b95aa}.cardNotice{display:flex;align-items:center;gap:14px;margin-top:17px;padding:17px;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.noticeIcon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#32d8891c;color:#66efb2;font-weight:900}.cardNotice p{margin:4px 0 0;color:#8992a4;font-size:13px;line-height:1.4}@media(max-width:520px){.page{padding:14px 11px 30px}.loginShell{padding:22px}.digitalCard{min-height:auto;padding:20px;border-radius:27px}.clubLogo{width:44px;height:44px}.clubName{font-size:15px}.memberIdentity{margin-top:38px}.premiumInfoGrid{grid-template-columns:1fr}.premiumInfoItem:first-child{grid-column:auto}.premiumBottom{align-items:center}.qrPremium svg{width:118px;height:118px}.hologram{width:60px;height:60px}.hologram span{width:40px;height:40px}.premiumFooter{margin-top:22px}}@media(max-width:390px){.premiumCardHeader{align-items:flex-start}.clubIdentity{gap:9px}.premiumBottom{gap:12px}.cardStatusArea{gap:7px}.premiumStatus{padding:7px 9px;font-size:9px}}