:root{--black:#05090c;--graphite:#0a1116;--paper:#f7f5ef;--paper-warm:#fffdf8;--ink:#151817;--muted:#606866;--paper-line:#ddd8cc;--orange:#f08000;--green:#509020;--truth:#26f08e;--purple:#602090;--soft-purple:#8b5cf6;--display:"Bahnschrift Condensed","Arial Narrow","Aptos Narrow","Roboto Condensed",sans-serif;--sans:Inter,"Segoe UI",Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{min-height:100%;background:var(--black)}body{margin:0;min-width:0;min-height:100dvh;display:flex;flex-direction:column;color:#fafaf6;background:var(--black);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ambient{--depth-x:0px;--depth-y:0px;position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(rgba(139,216,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(139,216,255,.032) 1px,transparent 1px),radial-gradient(circle at 18% 0%,rgba(38,240,142,.08),transparent 35%),linear-gradient(180deg,#05090c 0%,#010405 100%);background-size:42px 42px,42px 42px,auto,auto;transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1.015);transition:transform 180ms ease-out}.ambient:before,.ambient:after{content:"";position:absolute;border:1px solid rgba(139,216,255,.13)}.ambient:before{width:58vw;height:58vw;min-width:620px;min-height:620px;top:8%;left:-18%;transform:rotate(14deg)}.ambient:after{width:46vw;height:31vw;right:-8%;bottom:-8%;transform:rotate(-11deg)}.ambient-line{position:absolute;display:block;height:1px;transform-origin:left;animation:draw-line 900ms cubic-bezier(.2,.7,.2,1) both}.ambient-line--orange{top:19%;left:0;width:31%;background:linear-gradient(90deg,transparent,var(--orange),transparent)}.ambient-line--purple{right:0;bottom:23%;width:37%;background:linear-gradient(90deg,transparent,var(--soft-purple),transparent)}.ambient-line--green{top:56%;left:5%;width:23%;background:linear-gradient(90deg,transparent,var(--truth),transparent)}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;min-height:44px;padding:11px 16px;transform:translateY(-150%);color:#fff;background:var(--black);border:1px solid var(--truth);border-radius:3px}.skip-link:focus{transform:none}.brand{position:relative;z-index:2;min-height:92px;padding:15px max(28px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,253,248,.97);border-bottom:1px solid var(--paper-line);box-shadow:0 12px 36px rgba(0,0,0,.16)}.brand a{display:block}.brand img{display:block;width:220px;height:auto}.brand-section{color:#59615e;font:700 .65rem/1 var(--mono);letter-spacing:.18em}.brand-section:before{content:"";display:inline-block;width:24px;height:1px;margin:0 10px 3px 0;background:var(--green)}
main{position:relative;z-index:1;flex:1;width:min(calc(100% - 56px),1100px);margin:clamp(48px,7vh,82px) auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,440px);gap:clamp(52px,8vw,110px);align-items:center}.identity-panel{position:relative;min-width:0;padding:12px 0;display:grid;align-content:center;container-type:inline-size}.identity-coordinate{margin-bottom:32px;color:#91a2a6;font:700 .65rem/1 var(--mono);letter-spacing:.18em}.identity-coordinate:before{content:"";display:inline-block;width:7px;height:7px;margin-right:12px;border:1px solid var(--truth);transform:rotate(45deg)}.identity-panel h2{margin:0;color:#fff;font:900 clamp(2.4rem,17cqw,6rem)/.92 var(--display);letter-spacing:-.035em}.identity-panel h2 span{display:block;white-space:nowrap}.identity-panel h2 span:last-child{color:var(--truth)}.identity-panel>p{max-width:450px;margin:25px 0 0;color:#c8d7d7;font-size:1.05rem;line-height:1.6}.identity-mark{position:relative;justify-self:end;width:150px;margin:26px 0 30px;padding:0;background:transparent;border:0;transform:none}.identity-mark img{display:block;width:100%;height:auto}.identity-axis{width:min(64%,330px);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:#77878b;font:700 .56rem/1 var(--mono);letter-spacing:.15em}.identity-axis i{height:1px;background:linear-gradient(90deg,var(--orange),var(--purple),var(--truth))}.identity-axis b{color:#a8b8ba;font:inherit}
.account-panel{position:relative;width:100%;padding:42px 40px 34px;color:var(--ink);background:var(--paper-warm);border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 28px 80px rgba(0,0,0,.37),0 2px 0 rgba(255,255,255,.7) inset;animation:panel-in 560ms cubic-bezier(.2,.7,.2,1) both}.account-panel:before,.account-panel:after{content:"";position:absolute;pointer-events:none}.account-panel:before{top:-1px;left:40px;width:78px;height:3px;background:linear-gradient(90deg,var(--orange) 0 31%,var(--purple) 31% 66%,var(--green) 66%)}.account-panel:after{right:-8px;bottom:24px;width:16px;height:54px;border-top:1px solid rgba(38,240,142,.6);border-right:1px solid rgba(38,240,142,.6);border-bottom:1px solid rgba(38,240,142,.6)}.panel-heading{margin-bottom:27px}.section-line{display:block;width:38px;height:1px;margin-bottom:15px;background:var(--green)}.step-label{margin:0 0 11px;color:var(--green);font:700 .66rem/1.2 var(--mono);letter-spacing:.13em}.account-panel h1{margin:0;color:var(--ink);font:900 clamp(2.55rem,4vw,3.4rem)/.92 var(--display);letter-spacing:-.02em}.intro{margin:14px 0 0;color:var(--muted);font-size:.98rem;line-height:1.55}.email-address{overflow-wrap:anywhere;color:#303735;font-weight:650}
.provider-stack{display:grid;gap:10px}.provider-form{margin:0}.provider-button,.email-disclosure summary{width:100%;min-height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink);background:#fff;border:1px solid #cbc8c0;border-radius:5px;font-family:var(--sans);font-size:1rem;font-weight:700;cursor:pointer;transition:border-color 160ms ease,transform 160ms ease,box-shadow 160ms ease}.provider-button:hover,.email-disclosure summary:hover{border-color:#8c938d;transform:translateY(-1px);box-shadow:0 7px 18px rgba(21,24,23,.08)}.provider-name{min-width:0;display:flex;align-items:center;gap:13px;text-align:left}.provider-icon{width:21px;height:21px;flex:0 0 21px;color:#111}.provider-icon--apple{width:20px}.pending-label{flex:0 0 auto;padding-left:10px;color:#747c78;font:700 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.email-disclosure{border-radius:5px}.email-disclosure summary{list-style:none}.email-disclosure summary::-webkit-details-marker{display:none}.disclosure-icon{width:20px;height:20px;color:#59615e;transition:transform 180ms ease}.email-disclosure[open] summary{border-color:#8c938d;border-radius:5px 5px 0 0;transform:none;box-shadow:none}.email-disclosure[open] .disclosure-icon{transform:rotate(180deg)}.email-form-wrap{padding:20px;background:#f6f3eb;border:1px solid #cbc8c0;border-top:0;border-radius:0 0 5px 5px}.email-form label{display:block;margin:0 0 7px;color:#313735;font-size:.84rem;font-weight:750}.email-form input{display:block;width:100%;min-height:48px;padding:11px 13px;color:var(--ink);background:#fff;border:1px solid #aaa99f;border-radius:4px;font:inherit;font-size:16px;outline:0}.email-form input::placeholder{color:#858b87}.email-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(80,144,32,.15)}.primary,.secondary{width:100%;min-height:50px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:16px;color:#07130d;background:var(--truth);border:1px solid #12bb69;border-radius:4px;font-family:var(--sans);font-size:.95rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease}.primary{margin-top:13px}.primary:hover{background:#3df39a;transform:translateY(-1px);box-shadow:0 9px 20px rgba(38,240,142,.18)}.arrow-icon{width:19px;height:19px}.secondary{margin-top:10px;color:#26302c;background:transparent;border-color:#aaa99f}.secondary:hover{border-color:#606866;background:#fff}.helper{margin:10px 0 0;color:#69716d;font-size:.76rem;line-height:1.45;text-align:center}.helper--left{text-align:left}.preview-note{margin:18px 0 0;display:flex;align-items:flex-start;gap:9px;color:#68716d;font-size:.74rem;line-height:1.45}.preview-note span{flex:0 0 auto;width:6px;height:6px;margin-top:5px;background:var(--orange);border-radius:50%}.switch{margin-top:26px;padding-top:22px;border-top:1px solid var(--paper-line);color:#626a66;font-size:.86rem;text-align:center}.switch a,.code-actions a,.text-button{color:#346d16;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.message{margin:0 0 20px;padding:12px 13px;color:#694015;background:#fff8ec;border:1px solid rgba(240,128,0,.42);border-radius:4px;font-size:.84rem;line-height:1.45}.standalone-form{margin-top:4px}.code{font-family:var(--mono)!important;font-size:1.35rem!important;letter-spacing:.24em;text-align:center}.code-actions{margin-top:22px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--paper-line);font-size:.82rem}.resend{margin:0}.text-button{min-height:44px;padding:7px 0;background:transparent;border:0;font:inherit;cursor:pointer}.account-actions{margin-top:8px}.account-actions .primary{margin-top:0}
footer{position:relative;z-index:1;width:min(calc(100% - 56px),1100px);margin:0 auto;padding:16px 0 25px;display:flex;align-items:center;gap:12px;color:#718084;font:700 .56rem/1 var(--mono);letter-spacing:.14em}footer i{width:38px;height:1px;background:linear-gradient(90deg,var(--orange),var(--purple),var(--truth))}button:disabled{cursor:wait;opacity:.62;transform:none!important;box-shadow:none!important}:focus-visible{outline:3px solid var(--truth);outline-offset:3px}
@keyframes panel-in{from{transform:translateY(10px)}to{transform:none}}@keyframes draw-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:800px){.brand{min-height:78px;padding:12px 20px}.brand img{width:180px}.brand-section{font-size:.58rem}.brand-section:before{width:15px;margin-right:7px}main{width:min(calc(100% - 32px),480px);margin:34px auto 40px;display:block}.identity-panel{container-type:normal;display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"heading mark" "description description";align-items:center;gap:15px 14px;padding:0 8px 25px}.identity-coordinate,.identity-axis{display:none}.identity-panel h2{grid-area:heading;font-size:clamp(2rem,8.5vw,2.8rem);line-height:.94}.identity-mark{grid-area:mark;width:88px;margin:0;align-self:center}.identity-panel>p{grid-area:description;margin:0;font-size:1rem;line-height:1.5;max-width:440px}.account-panel{padding:34px 25px 28px}.account-panel:before{left:25px}.account-panel h1{font-size:clamp(2.5rem,12vw,3.1rem)}footer{width:calc(100% - 40px);justify-content:center;padding-bottom:22px}.ambient:before{left:-110%;top:18%}.ambient:after{right:-45%;bottom:0}}
@media(max-width:420px){.brand-section{display:none}main{width:calc(100% - 24px);margin-top:24px}.account-panel{padding:30px 20px 25px}.panel-heading{margin-bottom:23px}.provider-button,.email-disclosure summary{padding-inline:13px;font-size:1rem}.provider-button{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:66px}.pending-label{padding-left:34px;font-size:.625rem;line-height:1.2}.email-form-wrap{padding:17px}.code-actions{align-items:flex-start;flex-direction:column;gap:2px}.code-actions a{display:flex;align-items:center;min-height:44px}footer span:last-child,footer i{display:none}}
@media(max-width:360px){.identity-panel{grid-template-columns:minmax(0,1fr) 64px;gap:14px 10px;padding-inline:4px}.identity-mark{width:64px}.identity-panel h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ambient{transform:none!important}}

/* Shared V21 architectural language: depth, traced connections and measured light.
   Motion belongs to the frame; reading and input surfaces stay still. */
.ambient{background-size:54px 54px,54px 54px,auto,auto;transform:none;transition:none}
.ambient:before,.ambient:after{opacity:.65}
.ambient-line{opacity:.6}
.architecture-field{position:absolute;inset:-32px}
.architecture-routes{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.architecture-routes path,.architecture-routes use,.architecture-routes circle{vector-effect:non-scaling-stroke}
.route-base{stroke:#8bd8ff;stroke-opacity:.16;stroke-width:1}
.route-signal{stroke-width:1.5;stroke-dasharray:100 1800;animation:route-travel 1800ms ease-out both}
.route-signal--green{stroke:var(--truth);opacity:.52}
.route-signal--purple{stroke:#a780ea;opacity:.44;animation-delay:160ms}
.architecture-nodes{fill:var(--black);stroke:var(--truth);stroke-width:1;opacity:.45}
.architecture-ticks{stroke:#8bd8ff;stroke-opacity:.35}
.architecture-plane{position:absolute;width:390px;height:280px;border:1px solid rgba(139,216,255,.12);background:linear-gradient(130deg,rgba(139,216,255,.018),transparent 60%);transform:rotate(-13deg);animation:plane-assemble 900ms cubic-bezier(.16,1,.3,1) both}
.architecture-plane:after{content:"";position:absolute;inset:15px -16px -16px 15px;border:1px solid rgba(139,216,255,.07)}
.architecture-plane--near{left:-90px;bottom:8%}
.architecture-plane--far{width:440px;height:370px;right:-140px;top:3%;animation-delay:100ms;transform:rotate(17deg)}
.architecture-light{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 37%,rgba(38,240,142,.045),transparent 42%),radial-gradient(ellipse at 85% 72%,rgba(139,92,246,.03),transparent 40%)}
.brand:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 8%,var(--green) 26%,var(--soft-purple) 52%,transparent 80%);transform-origin:left;animation:draw-line 1.4s cubic-bezier(.2,.7,.2,1) both}
.identity-coordinate:before{box-shadow:0 0 12px rgba(38,240,142,.15)}
.identity-panel h2 span{animation:type-arrive .8s cubic-bezier(.2,.7,.2,1) both}
.identity-panel h2 span:last-child{animation-delay:100ms}
.identity-axis i{position:relative;overflow:hidden;opacity:.85}
.identity-axis i:after{content:"";position:absolute;inset:0;width:26%;background:linear-gradient(90deg,transparent,#c8ffe5,transparent);animation:axis-travel 1400ms 180ms ease-out both}
.identity-mark{isolation:isolate}
.identity-mark img{position:relative;z-index:1}
.mark-drafting{position:absolute;inset:-14%;width:128%;height:128%;overflow:visible;pointer-events:none}
.mark-frame{stroke:rgba(139,216,255,.45);stroke-width:1;stroke-dasharray:48;animation:frame-draw 1.6s ease-out both}
.mark-depth{stroke:rgba(139,216,255,.2);stroke-width:.8;animation:plane-assemble 900ms cubic-bezier(.16,1,.3,1) both}
.mark-crosshairs{stroke:var(--truth);stroke-opacity:.65;stroke-width:1}
.panel-drafting{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);overflow:visible;pointer-events:none;transition:opacity 220ms ease}
.panel-outline{stroke:rgba(139,216,255,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.panel-trace{stroke:var(--truth);stroke-opacity:.55;stroke-width:1.3;stroke-dasharray:7 93;animation:panel-travel 1600ms 160ms ease-out both;vector-effect:non-scaling-stroke}
.account-panel:focus-within .panel-outline{stroke:rgba(38,240,142,.5)}
.account-panel:after{transition:border-color 200ms ease,box-shadow 200ms ease}
.account-panel:focus-within:after{border-color:var(--truth);box-shadow:3px 0 14px -4px rgba(38,240,142,.6)}
.section-line{transform-origin:left;animation:draw-line 850ms 120ms ease-out both}
.provider-button,.email-disclosure summary{position:relative;overflow:hidden;transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
.provider-button:before,.email-disclosure summary:before{content:"";position:absolute;inset:13px auto 13px 0;width:2px;background:var(--green);transform:scaleY(0);transition:transform 180ms ease;pointer-events:none}
.provider-button:hover:before,.provider-button:focus-visible:before,.email-disclosure summary:hover:before,.email-disclosure summary:focus-visible:before,.email-disclosure[open] summary:before{transform:scaleY(1)}
.provider-button:hover,.email-disclosure summary:hover{background:#fcfefb;border-color:#809e70}
.provider-button:active,.email-disclosure summary:active,.primary:active{transform:translateY(0);box-shadow:none}
.primary .arrow-icon,.secondary .arrow-icon{transition:transform 180ms ease}
.primary:not(:disabled):hover .arrow-icon{transform:translateX(3px)}
.email-disclosure[open] .email-form-wrap{animation:form-arrive 220ms ease-out}
.switch a{transition:color 160ms ease,text-decoration-color 160ms ease}
.switch a:hover{text-decoration-color:transparent;color:#20480e}
@keyframes route-travel{0%{stroke-dashoffset:1900;opacity:0}18%{opacity:.5}80%{opacity:.4}100%{stroke-dashoffset:0;opacity:0}}
@keyframes plane-assemble{from{translate:0 8px;opacity:.3}to{translate:0 0;opacity:1}}
@keyframes type-arrive{from{transform:translateY(8px)}to{transform:none}}
@keyframes axis-travel{from{transform:translateX(-110%)}to{transform:translateX(490%)}}
@keyframes frame-draw{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@keyframes panel-travel{0%{stroke-dashoffset:0;opacity:0}15%{opacity:1}80%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes form-arrive{from{transform:translateY(-3px)}to{transform:none}}
@media(max-width:800px){.architecture-plane--near{width:250px;height:350px;left:-160px;bottom:20%}.architecture-plane--far{width:260px;height:270px;right:-120px}.architecture-routes{width:160%;left:-30%;opacity:.65}.identity-mark{margin:4px 5px 4px 0;width:80px}.mark-drafting{inset:-10%;width:120%;height:120%}.panel-drafting{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}}
@media(max-width:360px){.identity-mark{width:60px;margin-right:0}}
@media(prefers-reduced-motion:reduce){.ambient *,.identity-panel *,.brand:after,.panel-trace,.section-line,.email-form-wrap{animation:none!important;transition:none!important}.route-signal,.panel-trace{opacity:0}.mark-frame{stroke-dashoffset:0}}