.screen{color:#2a1a1a;--terracotta-900:#2a1408;--terracotta-800:#3a1f10;--terracotta-700:#c14a1c;--terracotta-500:#e0692a;--terracotta-300:#f0b492;--terracotta-100:#ffe0cc;--cream-50:#faf7ef;--cream-100:#f3ecdb;--cream-200:#e8dfc4;--cream-300:#d8d0b5;--accent-green:#ffce6a;--accent-green-deep:#ff9d3c;--ink:#2a1a1a;--ink-soft:#5a4a44;--ink-mute:#8a7a72;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);background:#3a1f1f;flex-direction:column;height:100dvh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.hero{color:var(--cream-50);padding:calc(var(--sat) + 28px)28px 80px;background:radial-gradient(70% 50% at 30% 28%,#ffbf4747,#0000 60%),radial-gradient(80% 60% at 82% 72%,#ff6b2c80,#0000 58%),linear-gradient(170deg,#2a1408 0%,#5a2c12 45%,#7a3d17 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.hero:before{content:"";mix-blend-mode:multiply;opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffbf4733,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;right:-120px}.brand{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.brand-mark{background:var(--cream-50);width:38px;height:38px;color:var(--terracotta-700);border-radius:11px;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:600;display:flex;box-shadow:0 4px 12px #0003}.brand-text{letter-spacing:-.01em;font-family:Fraunces,serif;font-size:17px;font-weight:600;line-height:1.1}.brand-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--terracotta-300);margin-top:2px;font-size:9.5px;font-weight:600}.hero-quote{z-index:2;margin-top:auto;margin-bottom:12px;position:relative}.hero-quote-mark{color:var(--accent-green);opacity:.85;margin-bottom:18px;font-family:Fraunces,serif;font-size:88px;line-height:.4;display:block}.hero-quote-text{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-size:26px;font-weight:400;line-height:1.25;animation:.6s lg-quote-fade}@keyframes lg-quote-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-quote-text em{color:var(--accent-green);font-style:italic;font-weight:400}.hero-quote-source{letter-spacing:1.6px;text-transform:uppercase;color:var(--terracotta-300);opacity:.75;margin-top:18px;font-size:11px;font-weight:600}.sheet{background:var(--cream-50);padding:24px 24px calc(20px + var(--sab));z-index:3;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;max-height:70vh;margin-top:-36px;position:relative;overflow-y:auto;box-shadow:0 -16px 40px #0000002e}.sheet-handle{background:var(--cream-300);border-radius:99px;width:40px;height:4px;margin:0 auto 18px}.sheet-title{letter-spacing:-.02em;margin:0 0 6px;font-family:Fraunces,serif;font-size:24px;font-weight:600;line-height:1.15}.sheet-title em{color:var(--terracotta-700);font-style:italic;font-weight:400}.sheet-subtitle{color:var(--ink-soft);margin:0 0 22px;font-size:13.5px;line-height:1.45}.error-banner{color:#8a2e2e;background:#fdecec;border:1px solid #f3b9b3;border-radius:12px;margin-bottom:16px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.4}.field{margin-bottom:14px;position:relative}.field-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--terracotta-700);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.field-input-wrap{position:relative}.field-input{border:1.5px solid var(--cream-200);width:100%;height:52px;color:var(--ink);appearance:none;background:#fff;border-radius:14px;padding:0 16px 0 48px;font-size:16px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.field-input::placeholder{color:var(--ink-mute);font-weight:400}.field-input:focus{border-color:var(--terracotta-500);background:#fff;outline:none;box-shadow:0 0 0 4px #e0692a24}.field-input:disabled{color:var(--ink-mute);cursor:not-allowed;background:#f7f2e8}.field-icon{color:var(--ink-mute);pointer-events:none;transition:color .18s;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.field-input-wrap:focus-within .field-icon{color:var(--terracotta-700)}.field-toggle{width:38px;height:38px;color:var(--ink-mute);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-toggle:active{background:var(--cream-100);color:var(--terracotta-700)}.forgot{justify-content:flex-end;margin:-6px 0 18px;display:flex}.forgot a{color:var(--terracotta-700);font-size:12.5px;font-weight:600;text-decoration:none}.forgot a:active{opacity:.6}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .12s,background .18s,box-shadow .18s,opacity .18s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b2c,#ff8f2d 48%,#ffbf47);box-shadow:0 8px 22px -6px #ff6b2c80}.btn-primary:active:not(:disabled){opacity:.92}.hint{text-align:center;color:var(--ink-soft);margin-top:18px;font-size:12.5px;line-height:1.5}.hint-link{color:var(--terracotta-700);font-weight:600;text-decoration:none;transition:color .18s}.hint-link:hover{color:var(--terracotta-500);text-underline-offset:3px;text-decoration:underline}@media (min-width:720px){body:has(.screen){background:var(--cream-50);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;overflow:hidden}body:has(.screen.illu-bg){background:linear-gradient(#faf7ef1a,#faf7ef1a),url(/images/createurs-bg-blur.webp) 50%/cover no-repeat}.screen{border-radius:24px;flex-direction:row;width:100%;max-width:1100px;height:auto;max-height:720px;margin:auto;overflow:hidden;box-shadow:0 30px 80px #2d171726}.hero{border-radius:0;flex:1.1;padding:56px 48px}.sheet{max-height:none;box-shadow:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;margin-top:0;padding:56px 48px;display:flex}.sheet-handle{display:none}.hero-quote-text{font-size:30px}.sheet-title{font-size:28px}.screen{max-height:720px;margin:auto}}
