.welcome-card{--welcome-accent:var(--ink);border:4px solid var(--navy,#102b50);border-left:12px solid var(--welcome-accent);background:var(--cream,#fdf6e3);box-shadow:6px 6px 0 var(--welcome-accent);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:20px 22px;display:flex}.welcome-cobalt{--welcome-accent:oklch(50% .16 255)}.welcome-pink{--welcome-accent:var(--pink,#f32d90)}.welcome-teal{--welcome-accent:var(--teal,#2aa8a0)}.welcome-gold{--welcome-accent:oklch(72% .13 85)}.welcome-card-copy{flex:320px}.welcome-card-kicker{letter-spacing:.14em;color:var(--welcome-accent);font-size:.72rem;font-weight:800;display:inline-block}.welcome-card-title{color:var(--navy,#102b50);margin:6px 0 8px;font-size:clamp(1.35rem,2.6vw,1.8rem)}.welcome-card-message{max-width:56ch;margin:0;font-size:1rem;line-height:1.5}.welcome-card-actions{flex-direction:column;flex:none;gap:10px;display:flex}.welcome-card-btn{border:3px solid var(--navy,#102b50);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.welcome-card-btn.primary{background:var(--welcome-accent);color:#fff}.welcome-card-btn.secondary{color:var(--navy,#102b50);background:#fff}.welcome-card-btn:hover{transform:translateY(-2px)}.welcome-viewer{max-width:860px;margin:0 auto;padding:8px 0 32px}.welcome-viewer-card{border:4px solid var(--navy,#102b50);box-shadow:8px 8px 0 var(--welcome-accent,var(--pink,#f32d90));background:#fff;border-radius:22px;padding:26px}.welcome-viewer-card h1{color:var(--navy,#102b50);margin:6px 0 10px;font-size:clamp(1.5rem,3.4vw,2.1rem)}.welcome-viewer-pending{border:3px dashed var(--welcome-accent,var(--pink,#f32d90));background:var(--cream,#fdf6e3);border-radius:16px;margin:18px 0;padding:18px}.welcome-viewer-pending p{margin:0 0 8px}.welcome-viewer-pending p:last-child{margin-bottom:0}.welcome-viewer-frame{border:3px solid var(--navy,#102b50);background:#fff;border-radius:14px;width:100%;min-height:70vh}.welcome-viewer-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}@media (width<=640px){.welcome-card{padding:16px}.welcome-card-actions,.welcome-card-btn{width:100%}}@media (prefers-reduced-motion:reduce){.welcome-card-btn{transition:none}.welcome-card-btn:hover{transform:none}}
