.digital-card-page{margin:0;padding:40px 16px;background:radial-gradient(ellipse at 15% 0%,#183347 0%,#0d1823 65%);color:#f7f2ea;font-family:"Space Grotesk",Arial,sans-serif;min-height:100vh}
.digital-card-page *{box-sizing:border-box}
.digital-card{width:100%;max-width:480px;min-height:0;margin:auto;overflow:hidden;border:1px solid #f7f2ea24;border-radius:24px;background:#142230;box-shadow:0 24px 80px #0004}
.card-cover{height:135px;position:relative;overflow:hidden;background:#173849}
.card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#142230 0%,#0d182344 100%)}
.card-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.card-cover>span{position:absolute;z-index:1;right:22px;top:24px;font-size:10px;letter-spacing:.18em;color:#fff}
.card-identity{text-align:center;padding:0 20px;position:relative;margin-top:-49px}
.card-avatar{display:flex;width:88px;height:105px;align-items:center;justify-content:center;margin:0 auto 15px;background:#142230;border:1px solid #f7f2ea30;border-radius:22px;box-shadow:0 5px 20px #0003}
.card-avatar img{width:60px;height:82px;object-fit:contain}
.card-eyebrow{margin:0 0 9px;color:#20bfe0;font-size:10px;letter-spacing:.19em;font-weight:700}
.digital-card-page h1{margin:0;font-size:36px;line-height:1.15;letter-spacing:-.055em;font-weight:700}
.digital-card-page h1>span{color:#ff641e}
.card-description{font-size:12px;line-height:1.6;margin:9px 0 24px;color:#c4cdd5}
.card-content{padding:0 24px 21px}
.card-save{min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;background:#ff641e;color:#0d1823;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}
.card-save:hover{background:#ff8149}.card-save svg{width:22px;height:22px;flex-shrink:0}
.card-save-note{font-size:10px;line-height:1.6;text-align:center;color:#b7c4cf;margin:9px 0 21px}
.card-links{display:grid;gap:9px}
.card-links>a{display:flex;align-items:center;gap:13px;min-height:67px;padding:11px 14px;border:1px solid #f7f2ea24;border-radius:12px;text-decoration:none;color:#f7f2ea;background:#ffffff03;transition:background .15s,border-color .15s}
.card-links>a:hover{background:#ffffff09;border-color:#20bfe0}
.link-icon{display:flex;align-items:center;justify-content:center;width:30px;flex:0 0 30px;font-size:25px;font-weight:600;color:#20bfe0}
.link-icon svg{width:24px;height:24px}.facebook-icon{font-family:Arial,sans-serif;font-size:29px}
.card-links strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.card-links small{display:block;font-size:11px;line-height:1.5;color:#b7c4cf;overflow-wrap:anywhere}
.link-arrow{margin-left:auto;font-size:19px;color:#b7c4cf}
.card-live{display:flex;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:13px;color:#20bfe0;text-decoration:none;font-size:12px}
.card-help{border-top:1px solid #f7f2ea1a;margin-top:8px;color:#b7c4cf;font-size:11px;line-height:1.7}
.card-help summary{padding:15px 0;min-height:48px;cursor:pointer;text-align:center;list-style-position:inside}
.card-help p{margin:0 0 13px}.card-help strong{color:#f7f2ea}
.card-footer{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #f7f2ea1a;padding-top:16px;font-size:10px;flex-wrap:wrap;color:#b7c4cf}
.card-footer a{color:#f7f2ea;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.card-legal-links{display:flex;justify-content:center;flex:0 0 100%;flex-wrap:wrap;gap:4px 14px;margin-top:12px;padding-top:12px;border-top:1px solid #f7f2ea1a;font-size:10px;color:#b7c4cf}
.card-legal-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.digital-card-page a:focus-visible,.digital-card-page summary:focus-visible{outline:3px solid #20bfe0;outline-offset:3px}
@media(max-width:520px){.digital-card-page{padding:0;background:#142230}.digital-card{border:0;border-radius:0;box-shadow:none}.card-content{padding:0 20px 20px}.card-cover{height:125px}}
@media(max-width:350px){.card-content{padding-inline:14px}.digital-card-page h1{font-size:32px}.card-description{font-size:11px}.card-links>a{gap:9px;padding-inline:10px}.card-links small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.digital-card-page *{transition:none!important}}