:root{--bg:#f8fafc;--bg-elev:#fff;--bg-subtle:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#475569;--text-soft:#94a3b8;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff;--brand-text:#1e40af;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fca5a5;--success:#10b981;--success-bg:#ecfdf5;--success-border:#6ee7b7;--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow-md:0 4px 6px -1px rgba(15,23,42,.05),0 2px 4px -1px rgba(15,23,42,.03);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.05),0 4px 6px -2px rgba(15,23,42,.02);--shadow-glass:0 20px 40px -10px rgba(0,0,0,.08);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--header-h:72px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0 0,rgba(16,15,21,.03) 0,transparent 50%),radial-gradient(at 50% 0,rgba(47,62,106,.03) 0,transparent 50%),radial-gradient(at 100% 0,rgba(114,39,65,.03) 0,transparent 50%);background-attachment:fixed;color:var(--text);line-height:1.6;font-size:15px;min-height:100vh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:var(--header-h);background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px rgba(0,0,0,.02)}.site-header .inner{max-width:1200px;margin:0 auto;height:100%;padding:0 24px;justify-content:space-between}.brand,.site-header .inner{display:flex;align-items:center}.brand{gap:12px;font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(37,99,235,.2)}.brand-sub{color:var(--brand);font-weight:500;margin-left:6px}.header-tag{font-size:13px;font-weight:500;color:#475569;background:#f1f5f9;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0}.site-footer{margin-top:auto;padding:32px 24px;text-align:center;font-size:13px;color:var(--text-soft);border-top:1px solid rgba(226,232,240,.5);background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.5))}.site-footer a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.site-footer a:hover{color:var(--brand)}.container{max-width:600px;margin:0 auto;padding:60px 20px 40px;width:100%}.container-wide{max-width:1080px;margin:0 auto;padding:48px 24px;width:100%}.wrapper{max-width:500px}.page-grid{display:grid;grid-template-columns:340px 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:768px){.page-grid{grid-template-columns:1fr}.container-wide{padding:32px 16px 40px}}.card-glass{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass),0 0 0 1px rgba(0,0,0,.02);overflow:hidden}.hero-content{padding:48px 40px;text-align:center}.hero-icon-container{width:64px;height:64px;border-radius:18px;margin:0 auto 24px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--brand);display:grid;place-items:center;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.8),0 4px 8px rgba(37,99,235,.1)}.hero-title{margin:0 0 12px;font-size:28px;font-weight:800;letter-spacing:-.03em;color:#0f172a}.hero-subtitle{font-size:15px;color:#475569;margin:0 0 32px;line-height:1.6}.action-container{margin-bottom:24px}.consent-text{font-size:13px;color:#94a3b8;line-height:1.5}.modern-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.05)}.modern-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.modern-btn:active{transform:translateY(0);background:#f1f5f9}.btn-icon{display:flex}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md)}@media (max-width:520px){.card-glass{border-radius:var(--radius-lg)}.hero-content{padding:32px 24px}.container{padding:40px 16px}}h1{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text)}h2{margin:0 0 14px;font-size:17px;font-weight:600;letter-spacing:-.01em}.lead{font-size:15px;margin:0 0 24px;line-height:1.6}.lead,.muted,p.muted{color:var(--text-muted)}.muted,p.muted{font-size:14px;margin:0 0 20px}.label-pill{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--brand-text);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.01em;border:1px solid #bfdbfe}form,label{display:block}label{font-size:13px;font-weight:600;margin-bottom:8px;color:#334155;letter-spacing:.01em}.field{margin-bottom:20px}input[type=date],input[type=email],input[type=tel],input[type=text],select{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;background:#fff;color:var(--text);transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:0 1px 2px rgba(0,0,0,.02)}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2364748b' d='M6 8 0 0h12L6 8z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.15)}input.invalid,select.invalid{border-color:var(--danger);box-shadow:0 0 0 4px rgba(239,68,68,.15)}input::placeholder{color:var(--text-soft)}input:disabled,select:disabled{background:var(--bg-subtle);color:var(--text-soft);cursor:not-allowed}.err{color:var(--danger);font-weight:500}.err,.hint{font-size:13px;margin-top:6px}.hint{color:var(--text-muted)}.btn,button:not(.modern-btn):not(.btn-signout){display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:var(--radius-sm);padding:12px 20px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(37,99,235,.2)}.btn:hover:not(:disabled),button:not(.modern-btn):not(.btn-signout):hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 6px rgba(37,99,235,.25)}.btn:disabled,button:not(.modern-btn):not(.btn-signout):disabled{background:var(--border-strong);border-color:var(--border-strong);cursor:not-allowed;opacity:.7;box-shadow:none}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border-strong);box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:var(--text)}.btn-signout{display:inline-flex;align-items:center;gap:6px;background:#dc2626;color:#fff;border:1px solid #dc2626;border-radius:var(--radius-sm);padding:7px 14px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s;box-shadow:none}.btn-signout:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;color:#fff;transform:none;box-shadow:none}button.ghost{background:transparent;color:var(--text-muted);border:1px solid transparent;box-shadow:none;padding:8px 12px;font-weight:500;font-size:14px}button.ghost:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border);color:var(--text);transform:none;box-shadow:none}.banner-error,.banner-info,.banner-success,.banner-warn{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:20px;border:1px solid;line-height:1.5}.banner-error{background:var(--danger-bg);border-color:var(--danger-border);color:#991b1b}.banner-success{background:var(--success-bg);border-color:var(--success-border);color:#065f46}.banner-info{background:var(--brand-soft);border-color:#bfdbfe;color:var(--brand-text)}.banner-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.section-divider{height:1px;background:var(--border);margin:24px 0}.row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.email-chip,.row{align-items:center}.email-chip{display:inline-flex;gap:5px;background:var(--brand-soft);color:var(--brand-text);padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:500;border:1px solid #bfdbfe;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-drop{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:28px 20px;text-align:center;cursor:pointer;background:#fafbfc;transition:border-color .2s,background-color .2s}.photo-drop:hover{border-color:var(--brand);background:#f0f5ff}.photo-drop.has-image{padding:6px;border-style:solid;border-color:var(--border)}.photo-drop img{max-width:100%;max-height:240px;border-radius:var(--radius-sm);display:block;margin:0 auto}.photo-drop input[type=file]{display:none}.photo-drop-icon{width:40px;height:40px;margin:0 auto 12px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;border:1px solid #bfdbfe}.photo-drop-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.photo-drop-sub{font-size:12.5px;color:var(--text-muted)}.qr-box{text-align:center;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin:12px 0}.qr-box canvas,.qr-box img{max-width:260px;width:100%;height:auto;display:block;margin:0 auto;border-radius:var(--radius-sm)}.qr-identity{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:12px}.qr-avatar{width:44px;height:44px;border-radius:10px;background:var(--bg-subtle);flex-shrink:0;overflow:hidden;display:grid;place-items:center;font-weight:700;font-size:16px;color:var(--brand);border:1px solid var(--border)}.qr-avatar img{width:100%;height:100%;object-fit:cover}.qr-name{font-weight:600;font-size:15px;color:var(--text);line-height:1.3}.qr-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.download-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--brand-text);font-weight:600;font-size:14px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid #bfdbfe;background:var(--brand-soft);transition:background-color .15s,border-color .15s;width:100%;justify-content:center}.download-link:hover{background:#dbeafe;border-color:#93c5fd}