/* ================= Provia sign-up v3 ================= */
@font-face{font-family:'InterTight';src:url(../assets/fonts/intertight.woff2) format('woff2');font-weight:100 900;font-display:swap}
#create.cr3{--ink:#050506;--fg:#f5f5f7;--mut:#a1a1a6;--dim:#8e8e93;--gold:#e8d3a2;--gold2:#f4e6c4;--line:rgba(255,255,255,.10);--field:#111113;
  display:block;padding:0;background:var(--ink);color:var(--fg);font-family:'InterTight','Inter',system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}
#create.cr3 *{box-sizing:border-box}
#create.cr3 button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#create.cr3 .up{color:#5fd3a0}#create.cr3 .dn{color:#ff8a80}

/* ---- living background ---- */
.c3-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.c3-bg>i{position:absolute;border-radius:50%;filter:blur(70px);animation:c3Drift 16s ease-in-out infinite alternate}
.c3-bg .a1{left:-140px;top:40px;width:380px;height:380px;background:rgba(232,211,162,.30)}
.c3-bg .a2{right:-170px;top:30%;width:340px;height:340px;background:rgba(123,92,255,.22);animation-duration:19s;animation-delay:-6s}
.c3-bg .a3{left:10%;bottom:-140px;width:320px;height:280px;background:rgba(64,196,170,.13);animation-duration:22s;animation-delay:-3s}
.c3-bg .floor{position:absolute;left:-40%;right:-40%;bottom:-10px;height:300px;perspective:380px;overflow:hidden}
.c3-bg .floor>div{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:bottom;background-image:linear-gradient(rgba(232,211,162,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(232,211,162,.11) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%);mask-image:linear-gradient(to top,#000 10%,transparent 85%);animation:c3Floor 2.6s linear infinite}
.c3-bg>b{position:absolute;left:var(--x);bottom:22%;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);animation:c3Float var(--t) linear infinite;animation-delay:var(--d)}
@keyframes c3Drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,46px) scale(1.2)}100%{transform:translate(-26px,14px) scale(.92)}}
@keyframes c3Floor{to{background-position:0 46px,0 0}}
@keyframes c3Float{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-260px);opacity:0}}

/* ---- layout ---- */
.c3-wrap{position:relative;height:100%;display:flex}
.c3-brand{display:none}
.c3-panel{flex:1;min-width:0;height:100%;display:flex;justify-content:center;overflow-y:auto;overflow-x:hidden}
.c3-screen{width:100%;max-width:440px;min-height:100%;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 24px calc(26px + env(safe-area-inset-bottom))}
.c3-grow{flex:1;min-height:18px}

/* entrance */
.c3-screen .r{animation:c3Rise .9s cubic-bezier(.2,.75,.2,1) both}
.c3-screen .d1{animation-delay:.08s}.c3-screen .d2{animation-delay:.18s}.c3-screen .d3{animation-delay:.3s}.c3-screen .d4{animation-delay:.42s}.c3-screen .d5{animation-delay:.54s}.c3-screen .d6{animation-delay:.66s}
.c3-screen .d7{animation-delay:1.15s}.c3-screen .d8{animation-delay:1.3s}.c3-screen .d9{animation-delay:1.45s}.c3-screen .d10{animation-delay:1.58s}.c3-screen .d11{animation-delay:1.7s}
.c3-screen.s0 .d6{animation-delay:1s}
.c3-screen.still .r,.c3-screen.still .c3-word span,.c3-screen.still .c3-bars i.now{animation:none!important}
@keyframes c3Rise{from{opacity:0;transform:translateY(18px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}

/* shared bits */
.c3-k{margin:0;font:500 11px 'JBMono',ui-monospace,monospace;letter-spacing:.16em;color:var(--gold)}
.c3-h{position:relative;margin-top:28px}
.c3-h h2,.c3-bell h2{margin:10px 0 0;font:600 34px/1.06 'InterTight',sans-serif;letter-spacing:-.035em;color:var(--fg);text-transform:none}
.c3-h h2 i,.c3-bell h2 i,.c3-brand h1 i{font:italic 400 1.04em 'Instrument',Georgia,serif;color:var(--gold);letter-spacing:-.01em}
.c3-note{margin:10px 0 0;font-size:14px;color:var(--mut)}
.c3-fine{margin:12px 0 0;text-align:center;font-size:11.5px;line-height:1.5;color:var(--dim)}
.c3-cap{display:block!important;text-align:center;color:var(--dim)!important;font-size:10.5px!important;opacity:1!important;margin-top:6px!important}
.c3-primary{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff,#e9e9ec);color:var(--ink);font:600 17px 'InterTight',sans-serif;letter-spacing:-.01em;box-shadow:0 14px 40px rgba(232,211,162,.22),inset 0 -1px 0 rgba(0,0,0,.08);transition:transform .15s ease}
.c3-primary:active{transform:scale(.98)}
.c3-primary:disabled{opacity:.7}
.c3-primary.shine:after{content:'';position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,rgba(232,211,162,.55),transparent);animation:c3Sheen 4s ease-in-out infinite 2s}
@keyframes c3Sheen{0%,55%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(320%) skewX(-20deg)}}
.c3-ghost{width:100%;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);font:500 16px 'InterTight',sans-serif}
.c3-text{width:100%;height:50px;border:0;background:transparent;color:var(--mut);font:500 16px 'InterTight',sans-serif;margin-top:6px}

/* ---- step header ---- */
.c3-top{position:relative;display:flex;align-items:center;justify-content:space-between;height:44px}
.c3-icon{width:44px;height:44px;margin-left:-10px;border:0;border-radius:50%;background:transparent;color:var(--fg);display:flex;align-items:center;justify-content:center}
.c3-icon:active{background:rgba(255,255,255,.08)}
.c3-mini{width:26px;height:26px;object-fit:contain;opacity:.9}
.c3-count{width:44px;text-align:right;font:500 11px 'JBMono',monospace;color:var(--dim)}
.c3-bars{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.c3-bars i{height:3px;border-radius:3px;background:rgba(255,255,255,.12)}
.c3-bars i.on{background:var(--fg)}
.c3-bars i.now{background:linear-gradient(90deg,var(--fg),var(--gold));transform-origin:left;animation:c3Grow 1.1s cubic-bezier(.2,.75,.2,1) both .3s}
@keyframes c3Grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---- welcome ---- */
.c3-welcome{flex:1;display:flex;flex-direction:column;margin:calc(-14px - env(safe-area-inset-top)) -24px 0}
.c3-tape{position:relative;overflow:hidden;height:calc(40px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);animation:c3Rise .9s both}
.c3-tape .in{display:flex;gap:26px;white-space:nowrap;font:500 11px 'JBMono',monospace;letter-spacing:.04em;color:var(--dim);animation:c3Marquee 28s linear infinite}
.c3-tape b{font-weight:500;color:var(--fg)}.c3-tape em{font-style:normal}
@keyframes c3Marquee{to{transform:translateX(-50%)}}
.c3-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 30px}
.c3-logo{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center;flex:none}
.c3-logo .halo{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,211,162,.30),rgba(232,211,162,0) 70%);animation:c3Breathe 4.2s ease-in-out infinite}
.c3-logo .ring,.c3-brandlogo .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(232,211,162,0) 0deg,rgba(232,211,162,.95) 70deg,rgba(155,107,255,.7) 140deg,rgba(232,211,162,0) 220deg,rgba(232,211,162,0) 360deg);-webkit-mask-image:radial-gradient(closest-side,transparent 92%,#000 93%);mask-image:radial-gradient(closest-side,transparent 92%,#000 93%);animation:c3Spin 9s linear infinite}
.c3-logo .disc{position:relative;width:114px;height:114px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#141414,#000 70%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.7)}
.c3-logo img{width:72px;height:72px;object-fit:contain;animation:c3Shimmer 4.2s ease-in-out infinite}
@keyframes c3Spin{to{transform:rotate(360deg)}}
@keyframes c3Breathe{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.14);opacity:1}}
@keyframes c3Shimmer{0%,100%{filter:drop-shadow(0 0 0 rgba(232,211,162,0))}50%{filter:drop-shadow(0 0 10px rgba(232,211,162,.55))}}
.c3-word{margin:34px 0 0;font:600 70px/1 'InterTight',sans-serif;letter-spacing:-.05em;color:var(--fg);perspective:400px;text-transform:none}
.c3-word span{display:inline-block;animation:c3Word .9s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(.45s + var(--i) * .07s)}
.c3-word span.g{color:var(--gold)}
@keyframes c3Word{from{opacity:0;transform:translateY(40%) rotateX(-70deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
.c3-tag{margin:14px 0 0;font:italic 400 29px/1.15 'Instrument',Georgia,serif;color:var(--gold)}
.c3-sub{margin:16px 0 0;max-width:300px;font-size:15px;line-height:1.5;color:var(--mut)}
.c3-pills{display:flex;margin-top:26px;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.c3-pills span{padding:7px 13px;font-size:12.5px;color:#d1d1d6}.c3-pills i{width:1px;background:var(--line);margin:7px 0}
.c3-cta{display:flex;flex-direction:column;gap:12px;padding:0 24px}

/* ---- name ---- */
.c3-field{position:relative;margin-top:32px;display:flex;flex-direction:column;gap:8px}
.c3-field .lab,.c3-group .lab{font-size:13px;color:var(--mut)}
.c3-field .box{display:flex;align-items:center;height:64px;border-radius:18px;background:var(--field);border:1px solid rgba(232,211,162,.5);padding:0 18px;animation:c3Glow 2.6s ease-in-out infinite}
.c3-field input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:none;color:var(--fg);font:500 21px 'InterTight',sans-serif;letter-spacing:-.01em;caret-color:var(--gold);padding:0;margin:0;box-shadow:none}
.c3-field input::placeholder{color:#636366}
.c3-field em{font:500 11px 'JBMono',monospace;font-style:normal;color:var(--dim)}
.c3-field .help{font-size:12.5px;color:var(--dim)}
.c3-field.shake{animation:c3Shake .4s}
@keyframes c3Glow{0%,100%{box-shadow:0 0 0 4px rgba(232,211,162,.06),0 0 0 0 rgba(232,211,162,0)}50%{box-shadow:0 0 0 6px rgba(232,211,162,.14),0 0 30px 0 rgba(232,211,162,.18)}}
@keyframes c3Shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.c3-group{position:relative;margin-top:26px;display:flex;flex-direction:column;gap:10px}
.c3-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--field);border:1px solid rgba(255,255,255,.08)}
.c3-seg>i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:var(--fg);transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
.c3-seg.r2>i{transform:translateX(100%)}
.c3-seg button{position:relative;height:48px;border:0;background:transparent;color:var(--mut);font:500 16px 'InterTight',sans-serif;transition:color .25s}
.c3-seg button.on{color:var(--ink);font-weight:600}
.c3-preview{position:relative;margin-top:26px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}
.c3-preview .av{width:40px;height:40px;border-radius:50%;background:#1c1c1e;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gold);box-shadow:inset 0 0 0 1px rgba(232,211,162,.35);animation:c3Pop .6s cubic-bezier(.3,1.4,.5,1) both .8s}
.c3-preview div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.c3-preview b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c3-preview div span{font-size:12.5px;color:var(--dim)}
.c3-preview em{font:500 10.5px 'JBMono',monospace;font-style:normal;letter-spacing:.12em;color:var(--dim)}
@keyframes c3Pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

/* ---- look ---- */
.c3-stage{position:relative;margin-top:18px;height:250px;flex:none;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1d1b18 0%,#0c0c0d 60%);border:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;justify-content:center}
.c3-stage .spot{position:absolute;left:50%;top:-60px;width:300px;height:300px;margin-left:-150px;background:radial-gradient(closest-side,rgba(255,244,220,.22),rgba(255,244,220,0) 75%);animation:c3Spot 4s ease-in-out infinite}
.c3-stage .beam{position:absolute;left:50%;top:0;width:220px;height:100%;margin-left:-110px;background:linear-gradient(180deg,rgba(255,244,220,.10),rgba(255,244,220,0) 80%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.c3-stage .sweep{position:absolute;top:-60px;bottom:-60px;width:70px;background:linear-gradient(90deg,transparent,rgba(255,244,220,.09),transparent);animation:c3Sweep 5.5s ease-in-out infinite 1s}
.c3-stage .shadow{position:absolute;left:50%;bottom:12px;width:180px;height:22px;margin-left:-90px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,0));animation:c3Shadow 3.6s ease-in-out infinite}
.c3-stage .tag{position:absolute;left:16px;top:14px;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid var(--line);font-size:12.5px;font-weight:600}
.c3-av{position:relative;width:200px;height:220px;animation:c3Bob 3.6s ease-in-out infinite}
@keyframes c3Spot{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes c3Sweep{0%{transform:translateX(-120px) rotate(20deg)}100%{transform:translateX(480px) rotate(20deg)}}
@keyframes c3Shadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.7}}
@keyframes c3Bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.c3-dots{display:flex;justify-content:space-between;gap:6px}
.c3-dots button{width:40px;height:40px;flex:none;border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .2s,box-shadow .25s}
.c3-dots.sm button{width:34px;height:34px}
.c3-dots button.on{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--gold);transform:scale(1.06)}
.c3-dots button:active{transform:scale(.9)}
.c3-chips{display:flex;flex-wrap:wrap;gap:8px}
.c3-chips button{height:42px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#d1d1d6;font:500 14px 'InterTight',sans-serif;transition:background .25s,color .25s}
.c3-chips button.on{background:var(--fg);color:var(--ink);border-color:var(--fg)}

/* ---- path ---- */
.c3-radio{position:relative;margin-top:20px;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(12,12,13,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}
.c3-radio button{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 16px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--fg);font:500 15.5px 'InterTight',sans-serif;text-align:left;transition:background .25s}
.c3-radio button:last-child{border-bottom:0}
.c3-radio button i{width:20px;height:20px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);transition:box-shadow .25s}
.c3-radio button.on{background:rgba(232,211,162,.07);font-weight:600}
.c3-radio button.on i{box-shadow:inset 0 0 0 6px var(--gold);animation:c3Pulse 2.2s ease-out infinite}
@keyframes c3Pulse{0%,100%{box-shadow:inset 0 0 0 6px #e8d3a2,0 0 0 0 rgba(232,211,162,.5)}50%{box-shadow:inset 0 0 0 6px #e8d3a2,0 0 0 7px rgba(232,211,162,0)}}
.c3-earn{position:relative;margin-top:14px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,rgba(232,211,162,.14),rgba(232,211,162,.03));border:1px solid rgba(232,211,162,.25)}
.c3-earn .coin{position:relative;overflow:hidden;width:46px;height:46px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#f6e7c3,#c8a65f 60%,#8c6d33);color:#2a2010;font:700 11px 'JBMono',monospace;letter-spacing:.04em;box-shadow:0 6px 16px rgba(200,166,95,.25);animation:c3Coin 5s ease-in-out infinite 1.4s}
.c3-earn .coin:after{content:'';position:absolute;top:-20%;bottom:-20%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:c3Glint 5s ease-in-out infinite 1.4s}
.c3-earn div{display:flex;flex-direction:column;gap:3px}.c3-earn b{font-size:15px}.c3-earn div span{font-size:12.5px;line-height:1.4;color:#c7c7cc}
@keyframes c3Coin{0%,70%,100%{transform:rotateY(0)}85%{transform:rotateY(180deg)}}
@keyframes c3Glint{0%,60%{transform:translateX(-120%) rotate(25deg)}80%,100%{transform:translateX(160%) rotate(25deg)}}

/* ---- notifications ---- */
.c3-bell{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px}
.c3-bell .tile{position:relative;width:104px;height:104px;border-radius:32px;background:linear-gradient(160deg,#1d1c1a,#0d0d0e);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 24px 50px rgba(0,0,0,.6)}
.c3-bell .rip{position:absolute;inset:0;border-radius:32px;border:1px solid rgba(232,211,162,.55);animation:c3Ripple 3s ease-out infinite}.c3-bell .rip.b{animation-delay:1.5s}
.c3-bell .dot{position:absolute;right:22px;top:20px;width:12px;height:12px;border-radius:50%;background:#ff5c6c;box-shadow:0 0 0 3px #151413,0 0 12px rgba(255,92,108,.7);animation:c3Badge 3.4s ease-out infinite 1s}
.c3-bell .bell{transform-origin:50% 8%;animation:c3Swing 3.4s ease-in-out infinite 1s}
.c3-bell h2{margin-top:30px}
.c3-bell p{margin:12px 0 0;max-width:290px;font-size:15px;line-height:1.5;color:var(--mut)}
.c3-perks{position:relative;margin-top:32px;display:flex;flex-direction:column;gap:20px}
.c3-perks>div{display:flex;gap:16px;align-items:flex-start;color:var(--fg)}
.c3-perks svg{flex:none;margin-top:2px}.c3-perks b{display:block;font-size:15.5px;font-weight:600}.c3-perks span{display:block;margin-top:3px;font-size:13.5px;color:var(--mut)}
@keyframes c3Ripple{from{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}
@keyframes c3Badge{0%,45%{transform:scale(0);opacity:0}52%{transform:scale(1.25);opacity:1}58%,100%{transform:scale(1);opacity:1}}
@keyframes c3Swing{0%,50%,100%{transform:rotate(0)}5%{transform:rotate(16deg)}12%{transform:rotate(-14deg)}19%{transform:rotate(9deg)}26%{transform:rotate(-5deg)}33%{transform:rotate(2deg)}}

/* ---- computers and tablets: brand on the left, the steps in a glass card on the right ---- */
@media (min-width:900px) and (min-height:600px){
  .c3-bg .floor{left:-10%;right:30%;height:380px}
  .c3-brand{display:flex;flex-direction:column;flex:1.15;min-width:0;padding:52px 64px;position:relative}
  .c3-brandlogo{position:relative;width:40px;height:40px;border-radius:50%;background:#000;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
  .c3-brandlogo .ring{inset:-3px;-webkit-mask-image:radial-gradient(closest-side,transparent 88%,#000 89%);mask-image:radial-gradient(closest-side,transparent 88%,#000 89%)}
  .c3-brandlogo img{position:relative;width:26px;height:26px;object-fit:contain}
  .c3-brandname{position:absolute;left:116px;top:60px;font-size:18px;font-weight:600;letter-spacing:-.02em}
  .c3-brandmid{flex:1;display:flex;flex-direction:column;justify-content:center}
  .c3-brandmid>*{animation:c3Rise 1s cubic-bezier(.2,.75,.2,1) both}
  .c3-brandmid>:nth-child(2){animation-delay:.12s}.c3-brandmid>:nth-child(3){animation-delay:.3s}.c3-brandmid>:nth-child(4){animation-delay:.45s}
  .c3-brand h1{margin:22px 0 0;font:600 clamp(64px,7vw,104px)/.95 'InterTight',sans-serif;letter-spacing:-.05em;text-transform:none;color:var(--fg)}
  .c3-brandmid>p:not(.c3-k){margin:26px 0 0;max-width:520px;font-size:19px;line-height:1.55;color:var(--mut)}
  .c3-quotes{margin-top:42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px;border-top:1px solid var(--line)}
  .c3-quotes div{padding-top:18px;display:flex;flex-direction:column;gap:6px}
  .c3-quotes span{font:500 12px 'JBMono',monospace;color:var(--dim)}.c3-quotes b{font:500 19px 'JBMono',monospace}.c3-quotes em{font-style:normal;font-size:13px}
  .c3-brand>.c3-fine{text-align:left}
  .c3-panel{flex:1;align-items:center;padding:40px 64px 40px 16px}
  .c3-screen{max-width:480px;min-height:0;height:min(820px,calc(100vh - 80px));border-radius:32px;padding:28px 36px 30px;background:linear-gradient(180deg,rgba(22,22,24,.86),rgba(11,11,12,.92));border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 120px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;scrollbar-width:none}
  .c3-screen::-webkit-scrollbar{display:none}
  .c3-welcome{margin:-28px -36px 0}
  .c3-tape{height:44px;padding-top:0;border-radius:32px 32px 0 0}
  .c3-cta{padding:0 36px}
}
/* sideways phones: brand left, steps right, compact */
@media (orientation:landscape) and (max-height:520px){
  .c3-screen{max-width:none;padding:10px 22px 14px}
  .c3-welcome{margin:-10px -22px 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:12px}
  .c3-tape{grid-column:1/-1;height:34px;padding-top:0}
  .c3-hero{padding:6px 10px}
  .c3-logo{width:76px;height:76px}.c3-logo .disc{width:66px;height:66px}.c3-logo img{width:42px;height:42px}
  .c3-word{margin-top:10px;font-size:46px}.c3-tag{font-size:21px;margin-top:6px}.c3-sub,.c3-pills{display:none}
  .c3-cta{justify-content:center;padding:0 24px 0 0}
  .c3-h{margin-top:8px}.c3-h h2,.c3-bell h2{font-size:26px}
  .c3-field,.c3-group,.c3-preview{margin-top:12px}
  .c3-stage{height:150px}.c3-av{width:130px;height:142px}
  .c3-bell{margin-top:6px}.c3-bell .tile{width:70px;height:70px;border-radius:22px}.c3-bell h2{margin-top:12px}
  .c3-perks{margin-top:14px;gap:10px}
}
/* short upright phones */
@media (max-height:700px) and (orientation:portrait){
  .c3-logo{width:104px;height:104px}.c3-logo .disc{width:90px;height:90px}.c3-logo img{width:58px;height:58px}
  .c3-word{font-size:58px;margin-top:22px}.c3-tag{font-size:25px}
  .c3-h{margin-top:18px}.c3-h h2,.c3-bell h2{font-size:30px}
  .c3-stage{height:200px}.c3-av{width:160px;height:176px}
  .c3-field,.c3-group,.c3-preview{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){#create.cr3 *,#create.cr3 *:before,#create.cr3 *:after{animation:none!important}}

/* ---- the log-in sheet, matching the new look ---- */
.modal:has(.lg-list),.modal:has(#lgEmail){background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(8,8,9,.98))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:28px!important;font-family:'InterTight',system-ui,sans-serif}
.modal:has(.lg-list) .stripes,.modal:has(#lgEmail) .stripes{height:2px!important;background:linear-gradient(90deg,transparent,#e8d3a2,#9b6bff,transparent)!important}
.modal:has(.lg-list) h2,.modal:has(#lgEmail) h2{font:600 30px/1.08 'InterTight',sans-serif!important;letter-spacing:-.035em!important;color:#f5f5f7!important}
.modal:has(.lg-list) h2 .ico,.modal:has(#lgEmail) h2 .ico{display:none}
.modal:has(.lg-list) .muted:first-of-type{font:400 15px/1.5 'InterTight',sans-serif!important;color:#a1a1a6!important}
.lg-list{gap:10px!important}
.lg-list .lg-btn{height:54px;border-radius:16px!important;font:600 16px 'InterTight',sans-serif!important;border:1px solid rgba(255,255,255,.10)!important;background:#111113!important;color:#f5f5f7!important;display:flex;align-items:center;justify-content:center;gap:10px}
.lg-list .lg-btn[data-x="apple"]{background:#f5f5f7!important;color:#050506!important;border-color:#f5f5f7!important}
.lg-list .lg-btn[data-a="loginEmail"]{background:transparent!important;border-color:rgba(232,211,162,.45)!important;color:#e8d3a2!important}
.modal:has(#lgEmail) input{height:54px;border-radius:16px!important;background:#111113!important;border:1px solid rgba(255,255,255,.10)!important;color:#f5f5f7!important;font:500 16px 'InterTight',sans-serif!important;padding:0 16px!important}
.modal:has(#lgEmail) input:focus{border-color:rgba(232,211,162,.6)!important;box-shadow:0 0 0 4px rgba(232,211,162,.10)!important;outline:none}
/* hair styles in one swipeable row, so Continue stays on screen */
#create.cr3 .c3-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:2px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
#create.cr3 .c3-chips::-webkit-scrollbar{display:none}
#create.cr3 .c3-chips button{flex:none}
@media (min-width:900px) and (min-height:600px){#create.cr3 .c3-chips{margin:0 -36px;padding:2px 36px}}
/* never squash a step's content on short screens: the step scrolls instead */
#create.cr3 .c3-screen>*,#create.cr3 .c3-welcome>*{flex-shrink:0}
#create.cr3 .c3-welcome .c3-hero{flex-shrink:1}
@media (orientation:landscape) and (max-height:520px){
  #create.cr3 .c3-screen:not(.s0){max-width:560px}
  #create.cr3 .c3-dots{justify-content:flex-start;gap:12px}
}
/* log-in sheet footer: quiet glass, one ivory main button */
.modal:has(.lg-list) .modal-btns,.modal:has(#lgEmail) .modal-btns{background:transparent!important;border-top:1px solid rgba(255,255,255,.06)!important}
.modal:has(.lg-list) .modal-btns .btn,.modal:has(#lgEmail) .modal-btns .btn{height:46px;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f5f5f7!important;font:600 15px 'InterTight',sans-serif!important;box-shadow:none!important}
.modal:has(#lgEmail) .modal-btns .btn.good,.modal:has(.lg-list) .modal-btns .btn.good{background:linear-gradient(180deg,#fff,#e9e9ec)!important;color:#050506!important;border-color:transparent!important}
.modal:has(#lgEmail) label{font:500 11px 'JBMono',monospace!important;letter-spacing:.14em!important;color:#8e8e93!important}
.modal:has(#lgEmail) .lg-row .link{color:#e8d3a2!important;text-decoration:none!important}