/* Shared smooth blue card artwork, using the approved home/login background. */
.digital-card,.phone-card,.login-card{container-type:inline-size;background:var(--navy)}
.card-surface{position:relative;overflow:hidden;width:100%;aspect-ratio:1579/996;background:radial-gradient(ellipse at 12% 45%,#357adc3b,transparent 68%),linear-gradient(90deg,rgba(6,22,47,.42),rgba(6,22,47,.2)),url('fundo-azul.png') center/cover;opacity:.95}
.card-surface::after{content:'';position:absolute;width:100%;aspect-ratio:1;right:-50%;bottom:-100%;border-radius:50%;border:1px solid #9bbcff26;box-shadow:0 0 0 5cqw #9bbcff0d,0 0 0 11cqw #9bbcff08;pointer-events:none}
.digital-card>.card-symbol,.phone-card>.card-symbol,.login-card>.card-symbol{position:absolute;top:12.8%;left:7%;width:34%;height:44%;object-fit:contain}
.digital-card>.card-wordmark,.phone-card>.card-wordmark,.login-card>.card-wordmark{position:absolute;top:14%;right:6.5%;margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9.4cqw;font-weight:600;line-height:1;letter-spacing:-.2cqw;white-space:nowrap}
.card-qr,.phone-card-qr,.login-card>.login-card-qr{position:absolute;left:auto;right:7%;bottom:10%;width:17.5%;height:auto}
.digital-card>.card-shine{display:none}
.digital-card::after,.phone-card::after,.login-card::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#ffffff0c,transparent 45%);box-shadow:inset 0 1px 1px #ffffff50,inset 1px 0 1px #ffffff16,inset 0 -1px 1px #ffffff20}