:root{color-scheme:dark;--bg:#141416;--panel:#1c1c20;--input:#17171a;--text:#f5f4f7;--soft:#b9b7c2;--muted:#9995a5;--line:#333139;--violet:#b499ff;--accent:#8660eb;--error:#ffb1ac;--success:#a6e2bf}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.cloud-topbar{height:88px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between}
.cloud-brand{display:flex;align-items:center;gap:13px}
.cloud-brand img{width:132px;height:34px;object-fit:contain;border-radius:4px}
.cloud-brand>span{border-left:1px solid var(--line);padding-left:13px;font-size:15px;color:var(--soft)}
.cloud-beta-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:20px;padding:5px 11px;color:var(--soft)}
.cloud-auth-shell{max-width:1328px;margin:18px auto 54px;padding:0 56px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(48px,7vw,110px);align-items:center}
.cloud-story-copy{max-width:600px}
.cloud-eyebrow,.cloud-kicker{color:var(--violet);font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
h1{font-size:clamp(42px,4.5vw,66px);font-weight:560;line-height:1.06;letter-spacing:-.055em;margin:0}
h1 span{color:var(--violet)}
.cloud-story-copy>p:last-child{max-width:420px;color:var(--soft);font-size:15px;line-height:1.7;margin:22px 0 26px}
.cloud-art{position:relative;margin:0;height:280px;border-radius:18px;overflow:hidden;background:#29272d}
.cloud-art>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.cloud-art figcaption{position:absolute;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:white;display:flex;flex-direction:column;gap:3px}
.cloud-art figcaption span:first-child{font-size:17px;letter-spacing:-.02em}
.cloud-art figcaption span:last-child{font-size:10px;color:#ddd}
.cloud-benefits{display:flex;justify-content:space-between;gap:10px;margin-top:18px;color:var(--muted);font-size:11px}
.cloud-benefits span::before{content:'✓';color:var(--violet);margin-right:6px}
.cloud-auth-card{width:100%;max-width:430px;padding:35px 0;justify-self:center}
.cloud-kicker{margin-bottom:9px}
h2{font-size:32px;line-height:1.17;font-weight:560;letter-spacing:-.045em;margin:0}
.cloud-card-copy{font-size:14px;color:var(--soft);line-height:1.65;margin:15px 0 28px}
.cloud-card-copy strong{color:var(--text);overflow-wrap:anywhere}
form{display:flex;flex-direction:column}
label{font-size:12px;font-weight:550;color:var(--soft);display:block;margin:0 0 8px}
input{width:100%;min-width:0;min-height:49px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--input);color:var(--text);transition:border-color .15s}
input::placeholder{color:var(--muted)}
input:focus{border-color:var(--violet)}
#authEmail{margin-bottom:20px}
.cloud-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.cloud-text-button{border:0;background:transparent;color:var(--violet);padding:3px 0;font-size:12px;font-weight:550}
.cloud-text-button:hover{text-decoration:underline;text-underline-offset:4px}
.cloud-password{position:relative}
.cloud-password input{padding-right:65px}
.cloud-password button{position:absolute;right:10px;top:7px;height:35px;padding:5px 6px;border:0;border-radius:5px;background:transparent;color:var(--soft);font-size:11px}
.cloud-field-hint{font-size:11px;color:var(--muted);margin:7px 0 0}
.cloud-button{min-height:49px;border:0;border-radius:10px;font-weight:600;font-size:13px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.cloud-button-primary{background:var(--accent);color:#fff;box-shadow:0 5px 18px #8660eb20}
.cloud-button-primary:hover{background:#936cf5}
.cloud-button-primary span{font-size:18px}
.cloud-form-switch{font-size:12px;color:var(--muted);text-align:center;margin:23px 0 0}
.cloud-form-switch button{margin-left:4px}
.cloud-credit-note{display:flex;flex-direction:column;gap:3px;padding:13px 15px;margin:19px 0 0;border:1px solid #8660eb40;border-radius:10px;background:#8660eb0b}
.cloud-credit-note strong{font-size:12px;color:var(--violet)}
.cloud-credit-note span{color:var(--muted);font-size:11px}
.cloud-privacy-note{font-size:11px;line-height:1.7;text-align:center;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin:29px 0 0}
.cloud-message{font-size:12px;line-height:1.65;border-radius:10px;background:var(--panel);border:1px solid var(--line);padding:12px 14px;color:var(--error);overflow-wrap:anywhere}
.cloud-message[data-kind=success]{color:var(--success)}
.cloud-verify-actions{display:flex;justify-content:space-between;gap:18px;margin-top:20px}
#verifyCode{font-size:24px;letter-spacing:.3em;text-align:center}
footer{max-width:1216px;margin:0 auto;padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px}
@media(min-width:1500px){.cloud-auth-shell{margin-top:60px}
}
@media(max-width:1000px){.cloud-topbar{padding:0 30px}
.cloud-auth-shell{padding:0 30px;gap:44px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}
.cloud-art{height:250px}
.cloud-benefits{flex-wrap:wrap;justify-content:flex-start;gap:7px 18px}
footer{margin:0 30px}
}
@media(max-width:720px){.cloud-topbar{height:72px;padding:0 24px}
.cloud-brand img{width:116px}
.cloud-auth-shell{display:flex;flex-direction:column;gap:32px;padding:0 24px;margin:0 auto 35px}
.cloud-auth-card{order:0;padding:27px 0 0;max-width:430px}
.cloud-story{order:1;width:100%;max-width:430px;border-top:1px solid var(--line);padding-top:30px}
.cloud-eyebrow{font-size:9px;margin-bottom:12px}
.cloud-story-copy h1{font-size:38px}
.cloud-story-copy h1 br{display:none}
.cloud-story-copy>p:last-child{font-size:13px;margin:15px 0 20px}
.cloud-art{height:220px}
.cloud-privacy-note{margin-top:24px;padding-top:20px}
.cloud-benefits{font-size:10px;justify-content:space-between;gap:5px}
footer{margin:0 24px;flex-direction:column;gap:5px}
.cloud-card-copy{margin-bottom:24px}
h2{font-size:30px}
}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f7f6fa;--panel:#efedf4;--input:#fff;--text:#25222e;--soft:#615b70;--muted:#726b80;--line:#dfdbe8;--violet:#7246cc;--error:#a63031;--success:#257647}
.cloud-brand img{background:#141416}
.cloud-art figcaption{color:#fff}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}
}

/* Modatory reference: quiet form left, expansive creative canvas right. */
:root { color-scheme: dark; --bg:#000; --panel:#0c0d11; --input:#090a0d; --text:#f5f6fa; --soft:#b5b6bf; --muted:#9597a5; --line:#282a33; --violet:#d0c7ef; --accent:#f6f7fb; --error:#ffb1ac; --success:#a6e2bf; }
body { background:var(--bg); }
.cloud-topbar { position:absolute; right:28px; top:20px; height:auto; padding:0; z-index:3; }
.cloud-auth-shell { max-width:1640px; min-height:min(880px,100dvh); margin:0 auto; padding:24px 38px; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:clamp(40px,5vw,84px); align-items:stretch; }
.cloud-auth-card { max-width:465px; align-self:center; justify-self:center; padding:60px 0 32px; }
.cloud-brand { gap:12px; width:100%; margin-bottom:24px; }
.cloud-brand .cloud-brand-icon { width:49px; height:49px; flex:0 0 49px; background:none; border-radius:0; }
.cloud-brand .cloud-brand-wordmark { width:min(245px,58%); height:auto; background:none; border-radius:0; }
.cloud-brand>span { font-size:14px; padding-left:12px; color:var(--soft); }
.cloud-product-copy { color:var(--soft); font-size:16px; line-height:1.65; margin:0 0 38px; max-width:370px; }
.cloud-kicker { display:none; }
.cloud-auth-heading h2 { font-size:22px; font-weight:550; letter-spacing:-.03em; }
.cloud-auth-heading .cloud-card-copy { font-size:13px; margin:9px 0 25px; }
label { font-size:12px; color:var(--soft); }
input { min-height:51px; border-radius:11px; background:var(--input); }
.cloud-button-primary { color:#121319; background:#f6f7fb; box-shadow:none; min-height:50px; }
.cloud-button-primary:hover { background:#fff; }
.cloud-text-button { color:#dadbe3; }
.cloud-credit-note { background:#111116; border-color:#34333c; }
.cloud-credit-note strong { color:#eeedf4; }
.cloud-form-switch { margin-top:23px; }
.cloud-form-switch button { color:#f3f3f7; }
.cloud-privacy-note { border-top:0; padding-top:0; margin-top:34px; text-align:left; font-size:11px; }
.cloud-showcase { position:relative; min-width:0; min-height:720px; border:1px solid #23242c; border-radius:26px; overflow:hidden; background:#090a0d; }
.cloud-showcase::after { content:''; position:absolute; inset:0 0 auto; height:3px; z-index:2; background:linear-gradient(110deg,#4269ff,#fa4652 36%,#f8ca38 65%,#54c78a); box-shadow:0 0 28px #697dff70; }
.cloud-showcase-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% center; }
.cloud-showcase-shade { position:absolute; inset:0; background:linear-gradient(180deg,#0003 0%,transparent 28%,#0001 55%,#000b 100%); }
.cloud-prompt-example { position:absolute; left:26px; bottom:28px; width:185px; padding:17px; border:1px solid #ffffff30; border-radius:17px; background:#080a109e; backdrop-filter:blur(18px); }
.cloud-prompt-example>span,.cloud-showcase-caption>span { font-size:9px; letter-spacing:.12em; color:#d4d4dc; }
.cloud-prompt-example>p { font-size:13px; line-height:1.6; margin:9px 0 0; color:#f5f5f9; }
.cloud-showcase-caption { position:absolute; right:28px; bottom:31px; text-align:right; max-width:230px; display:grid; gap:11px; }
.cloud-showcase-caption>strong { color:#fff; font-size:26px; font-weight:500; line-height:1.15; letter-spacing:-.035em; }
.cloud-showcase-caption>small { font-size:10px; color:#d1d1d9; }
footer { padding:12px 38px 24px; max-width:1640px; border:0; }
@media(max-width:1100px) { .cloud-auth-shell { gap:38px; padding:24px; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); }.cloud-brand .cloud-brand-wordmark { width:195px; }.cloud-prompt-example { display:none; }.cloud-showcase-caption { max-width:270px; text-align:left; left:26px; right:26px; } }
@media(max-width:720px) { .cloud-topbar { right:22px; top:20px; }.cloud-auth-shell { display:flex; flex-direction:column; min-height:0; padding:0 24px 20px; gap:34px; }.cloud-auth-card { padding-top:79px; padding-bottom:0; max-width:440px; }.cloud-brand { margin-bottom:19px; gap:10px; }.cloud-brand .cloud-brand-icon { width:42px; height:42px; flex-basis:42px; }.cloud-brand .cloud-brand-wordmark { width:min(215px,57%); }.cloud-brand>span { font-size:12px; padding-left:10px; }.cloud-product-copy { font-size:14px; margin-bottom:29px; max-width:340px; }.cloud-auth-heading h2 { font-size:21px; }.cloud-privacy-note { margin-top:26px; }.cloud-showcase { min-height:360px; width:100%; max-width:440px; align-self:center; border-radius:20px; }.cloud-showcase-image { object-position:60% 45%; }.cloud-showcase-caption { bottom:23px; left:23px; }.cloud-showcase-caption>strong { font-size:24px; }footer { padding:0 24px 24px; margin:0; } }
@media(max-width:360px) { .cloud-auth-shell { padding-inline:18px; }.cloud-brand { gap:8px; }.cloud-brand .cloud-brand-wordmark { width:165px; }.cloud-brand>span { font-size:11px; padding-left:8px; } }
.cloud-auth-divider { display:flex; align-items:center; gap:17px; color:var(--muted); font-size:12px; margin:24px 0 20px; }
.cloud-auth-divider::before,.cloud-auth-divider::after { content:''; height:1px; flex:1; background:var(--line); }
.cloud-google-button { display:flex; gap:12px; align-items:center; justify-content:center; min-height:50px; padding:12px; border:1px solid var(--line); border-radius:11px; color:var(--text); font-size:13px; font-weight:550; }
.cloud-google-button:hover { border-color:#666774; background:#ffffff05; }
.cloud-google-button svg { flex:0 0 18px; }