:root{--deep:#0B5340;--green:#12A67C;--mint:#A6F0D6;--paper:#F7FBF9;--ink:#12372D;--muted:#6A8178;--line:#DCEBE5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,43%) 1fr}.brand-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#06392d,#0b5340 48%,#12a67c);color:#fff;padding:clamp(32px,6vw,84px);display:flex;flex-direction:column}.brand-side:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(166,240,214,.25);border-radius:50%;right:-330px;bottom:-180px;box-shadow:0 0 0 70px rgba(166,240,214,.06),0 0 0 140px rgba(166,240,214,.04)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1px;position:relative;z-index:1}.brand svg{width:43px;height:43px}.brand-copy{margin:auto 0;max-width:430px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:var(--green);margin:0 0 16px}.brand-side .eyebrow{color:var(--mint)}h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 24px}.brand-copy>p:not(.eyebrow){font-size:19px;color:#d1f2e5;max-width:360px}.proof{display:flex;gap:14px;align-items:center;margin-top:42px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08);width:max-content}.proof>span{font-size:24px;color:var(--mint)}.proof strong,.proof small{display:block}.proof small{color:#b9ded2;margin-top:2px}.copyright{position:relative;z-index:1;color:#abd5c7;font-size:12px}.copyright a{color:#fff}.form-side{display:grid;place-items:center;padding:40px 24px;background:#fff}.form-wrap{width:min(100%,470px)}.mobile-brand{display:none}.form-wrap h2{font-size:38px;letter-spacing:-1.8px;line-height:1.1;margin:0 0 10px}.sub{color:var(--muted);margin:0 0 28px}.form-wrap label{display:block;font-size:13px;font-weight:700;margin:16px 0;color:var(--ink)}input{display:block;width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfefd;padding:14px 15px;margin-top:7px;color:var(--ink);font:inherit;outline:0;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(18,166,124,.13)}button{width:100%;border:0;border-radius:11px;background:var(--deep);color:#fff;padding:14px 16px;font:700 15px inherit;cursor:pointer;transition:.2s}button span{float:right;font-size:20px;line-height:14px}button:hover{background:var(--green);transform:translateY(-1px);box-shadow:0 12px 24px -15px var(--deep)}.google-button{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:var(--ink);border:1px solid var(--line);margin-top:0}.google-button b{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #ddd;border-radius:50%;margin-right:7px;color:#4285f4}.google-button small{color:#91a59d;font-weight:500;margin-left:5px}.or{display:flex;align-items:center;gap:12px;color:#9aada5;margin:22px 0}.or i{height:1px;background:var(--line);flex:1}.legal{font-size:11px;color:#8a9b94;margin-top:24px}.legal a{color:var(--deep)}#notice:not(:empty){padding:12px 14px;margin:16px 0;background:#e5f8f0;border:1px solid #bde9d8;border-radius:10px;color:var(--deep)}.account-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.account-top h2{font-size:25px}.secondary{width:auto;background:#eef6f2;color:var(--deep);padding:10px 15px}.balance{color:var(--green);font-weight:700}.result,.order{border-top:1px solid var(--line);padding:16px 0}h3{margin-top:32px}.cursor-glow{position:fixed;z-index:10;top:-16px;left:-16px;width:32px;height:32px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#A6F0D6 0,rgba(18,166,124,.22) 35%,transparent 70%);mix-blend-mode:multiply;transition:transform .12s ease-out}@media(max-width:800px){.shell{display:block}.brand-side{min-height:420px;padding:30px}.brand-copy{margin:70px 0 45px}.brand-copy h1{font-size:48px}.form-side{padding:44px 24px}.mobile-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--deep);font-size:22px;margin-bottom:40px}.mini-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;font-weight:800}}

.orbit-stage{height:310px;position:relative;display:grid;place-items:center;margin:-25px 0 10px}.orbit-core{width:96px;height:96px;position:relative;z-index:2;filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));animation:coreFloat 4s ease-in-out infinite}.orbit-core svg{width:100%;height:100%}.orbit-ring{position:absolute;border:1px solid rgba(166,240,214,.32);border-radius:50%;transform:rotate(-18deg)}.ring-one{width:260px;height:120px;animation:spinOrbit 12s linear infinite}.ring-two{width:180px;height:260px;animation:spinOrbit 16s linear infinite reverse}.signal{position:absolute;z-index:3;padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(3,35,27,.72);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:11px;animation:signalFloat 5s ease-in-out infinite}.signal b,.signal span{display:block}.signal b{color:#A6F0D6;letter-spacing:1.2px;font-size:9px}.signal span{color:#fff;margin-top:2px}.signal-a{top:35px;left:5%;animation-delay:-1s}.signal-b{right:2%;bottom:35px;animation-delay:-3s}@keyframes spinOrbit{to{transform:rotate(342deg)}}@keyframes coreFloat{50%{transform:translateY(-8px)}}@keyframes signalFloat{50%{transform:translateY(-7px)}}
@media(max-width:800px){.orbit-stage{height:230px;margin:0}.orbit-core{width:76px;height:76px}.ring-one{width:210px;height:100px}.ring-two{width:140px;height:200px}.signal{transform:scale(.88)}.signal-a{left:0}.signal-b{right:0}}
/* natural, quieter visual pass */
.brand-side{background:radial-gradient(circle at 72% 28%,rgba(37,213,158,.24),transparent 24%),linear-gradient(145deg,#06392d,#0b5340 60%,#0a6d53)}.brand-side:after{opacity:.45}.orbit-stage{height:260px;margin:-10px 0 0;opacity:.92}.orbit-core{width:82px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.18));animation:none}.orbit-ring{border-color:rgba(166,240,214,.2)}.ring-one{width:230px;height:104px;animation:spinOrbit 28s linear infinite}.ring-two{width:160px;height:220px;animation:spinOrbit 34s linear infinite reverse}.signal{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:none;backdrop-filter:blur(8px);animation:none;padding:8px 11px}.signal-a{top:28px;left:8%}.signal-b{right:6%;bottom:22px}.brand-copy{margin:20px 0 auto}.brand-copy h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-2.5px}.proof{margin-top:28px;background:rgba(255,255,255,.06)}

.orbit-stage{height:330px;margin:-20px 0 -5px}.ring-three{width:310px;height:170px;border-color:rgba(166,240,214,.13);transform:rotate(38deg);animation:spinOrbit 42s linear infinite}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:#A6F0D6;box-shadow:0 0 0 5px rgba(166,240,214,.12),0 0 18px #A6F0D6;z-index:4}.node-one{top:44px;left:29%;animation:nodePulse 2.8s ease-in-out infinite}.node-two{right:19%;top:50%;animation:nodePulse 3.4s ease-in-out infinite .5s}.node-three{left:21%;bottom:48px;animation:nodePulse 3s ease-in-out infinite 1s}.orbit-badge{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:11px;letter-spacing:.5px;color:#d9f7ec;border:1px solid rgba(166,240,214,.25);background:rgba(3,35,27,.45);padding:7px 12px;border-radius:99px;white-space:nowrap}@keyframes nodePulse{50%{transform:scale(1.5);opacity:.65}}

@media(max-width:520px){.brand-side{min-height:355px;padding:22px 20px}.brand{font-size:23px}.brand svg{width:36px;height:36px}.orbit-stage{height:190px;margin:-5px 0 -10px}.orbit-core{width:60px}.ring-one{width:170px;height:78px}.ring-two{width:115px;height:150px}.ring-three{width:220px;height:125px}.signal{font-size:9px;padding:6px 8px}.signal-b{right:0;bottom:14px}.signal-a{left:0;top:14px}.orbit-badge{bottom:-2px;font-size:9px}.brand-copy{margin:8px 0 0}.brand-copy h1{font-size:32px;letter-spacing:-1.5px;margin-bottom:8px}.brand-copy>p:not(.eyebrow),.proof{display:none}.copyright{display:none}.form-side{padding:30px 18px}.form-wrap{width:100%}.mobile-brand{margin-bottom:24px}.form-wrap h2{font-size:31px}.form-wrap label{margin:13px 0}.form-wrap input{padding:13px}.legal{line-height:1.4}}

.resend{background:transparent;color:var(--deep);border:1px solid var(--line);margin-top:10px}.resend:hover{background:#eef8f3;box-shadow:none}