.screen{position:fixed;inset:0;display:none}.screen.active{display:block}.screen--center.active{display:flex;align-items:center;justify-content:center}.intro-card{max-width:480px;width:calc(100% - 48px);padding:48px 40px;background:var(--card-bg);border-radius:4px;box-shadow:0 30px 60px -20px rgba(51,41,58,.25);position:relative}.intro-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--ochre),var(--teal));border-radius:4px 4px 0 0}.intro-card h1{font-size:clamp(1.5rem, 3vw, 2rem);line-height:1.25;color:var(--ink)}.intro-card .sub{color:var(--ink-soft);font-size:.98rem;line-height:1.55;margin:16px 0 28px}form#form-message,form#form-name{display:flex;flex-direction:column;gap:14px}.checkbox-row{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--ink-soft);cursor:pointer;margin-top:-2px}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--ochre);cursor:pointer;flex-shrink:0}.sub--small{font-size:.82rem;color:var(--ink-soft);margin:18px 0 0;line-height:1.5}.sub--tight{margin:-4px 0 0}.form-error{min-height:1.1em;font-size:.85rem;color:#a8442b;margin:-4px 0 0}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.preview-wrap{width:160px;margin:0 auto 22px;border:8px solid #fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.35),0 0 0 1px var(--line);transform:rotate(-2deg)}.preview-wrap img{display:block;width:100%;aspect-ratio:1/1;background:var(--paper-deep)}