@font-face{font-family:Vazirmatn;src:url("/fonts/vazirmatn-arabic-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url("/fonts/vazirmatn-arabic-700-normal.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
:root{--violet:#5f46da;--ink:#201d39;--muted:#74718e;--bg:#f8f7fc;--edge:#e4e0ef}
*{box-sizing:border-box}body{font:400 15px/1.95 Vazirmatn,sans-serif;color:var(--ink);background:var(--bg);margin:0}
a{color:inherit;text-decoration:none}header{height:79px;max-width:1200px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:-9px}.logo{display:grid;place-items:center;background:var(--violet);height:44px;width:44px;border-radius:13px;color:white;font-size:25px}.back{color:var(--violet);font-size:13px;font-weight:700}
.layout{max-width:1160px;margin:35px auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(325px,.85fr);gap:48px;padding:18px 24px;align-items:center}.eyebrow{display:inline-flex;background:#eee8ff;color:#654ad0;border-radius:99px;padding:4px 14px;font-size:12px;font-weight:700}.pitch h1{font-size:clamp(30px,3.2vw,45px);line-height:1.6;margin:21px 0}.pitch h1 span{color:var(--violet)}.pitch>p{color:#76738f;max-width:530px;line-height:2.2}.steps{margin:31px 0;border:1px solid #e4dff4;background:white;border-radius:20px;padding:9px}.steps>div{display:flex;gap:11px;align-items:center;padding:13px;border-radius:13px;font-size:13px}.steps>div.current{background:#eeeaff;color:#583ac1}.steps b{background:#f4f1fd;border-radius:11px;height:33px;width:33px;display:grid;place-items:center;color:#654bc7}.steps strong{margin-right:auto;font-size:11px;color:#6f6789}.privacy{background:#f0f9f6;padding:13px 16px;border:1px solid #dbece6;border-radius:14px;color:#387b66;font-size:12px;line-height:2}
.panel{background:white;border:1px solid var(--edge);border-radius:26px;padding:30px;box-shadow:0 20px 70px #35276c0d}.panel-icon{background:#f0ebff;color:#5e47d4;border-radius:14px;height:49px;width:49px;display:grid;place-items:center;font-size:27px}.panel h2{font-size:21px;margin:15px 0 3px}.sub{font-size:12px;color:var(--muted);margin:0 0 16px}.notice{border:1px solid #e5dcff;border-radius:12px;padding:10px 12px;background:#f9f6ff;color:#5d4ab3;font-size:12px;margin-bottom:13px}.notice.warn{background:#fff6eb;color:#8d641e;border-color:#f6ddb8}label:not(.consent){display:block;font-size:12px;font-weight:700;margin:12px 0 6px}label small{font-size:11px;color:#8e8b9d;font-weight:400}input:not([type=checkbox]){width:100%;padding:11px 12px;border-radius:12px;border:1px solid #dedde9;font:inherit;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9f8ffa;outline-offset:3px}button{font:inherit;cursor:pointer}.primary{background:var(--violet);border:0;color:white;border-radius:12px;font-weight:800;width:100%;padding:12px;margin-top:19px}.primary:disabled{opacity:.54;cursor:not-allowed}.link{width:100%;background:transparent;border:0;color:var(--violet);padding:10px}.hint{color:#858198;font-size:12px}.consent{display:flex;gap:9px;align-items:flex-start;color:#5b5971;font-size:12px}.consent a{color:var(--violet);font-weight:700;text-decoration:underline}.footnote{margin-top:19px;border-top:1px solid var(--edge);padding-top:14px;color:#9894a7;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#formStatus{font-size:12px;color:#ab4242;min-height:20px}[hidden]{display:none!important}
@media(max-width:880px){.layout{grid-template-columns:1fr;max-width:620px;margin-top:0;gap:24px}.pitch h1{font-size:31px}.steps{margin:16px 0}}@media(max-width:520px){header{padding:10px 15px}.layout{padding:8px 14px}.panel{padding:23px 17px}.brand{font-size:17px}.pitch h1{font-size:28px}.back{font-size:11px}}
.google-signin{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff;border:1.5px solid #6b55b4;border-radius:13px;padding:11px 14px;font-weight:800;text-decoration:none;color:#33255c;margin:15px 0}.google-signin:hover{background:#f7f5ff}.google-signin[hidden]{display:none}

/* C72 — Approved V5 sonic studio identity for real sign-in.
   Shares its near-black, warm copper and lavender palette with studio-ui.css. */
:root{--ps-night:#171121;--ps-ink:#1f172b;--ps-copper:#f6b77e;--ps-lilac:#cdb0e4;--ps-line:#ffffff30}
html{min-height:100%;background:var(--ps-night)}
body{min-height:100vh;background:
 radial-gradient(ellipse at 88% 12%,#67436c72,transparent 35%),
 radial-gradient(ellipse at 8% 92%,#64478265,transparent 38%),#171121;color:#fff4f4}
header{max-width:1480px;min-height:82px;border-bottom:1px solid #ffffff1e;padding:12px clamp(17px,3vw,40px)}
header .brand{font-size:19px;letter-spacing:-.35px;color:#faf1f8}
header .brand small{color:#cdbbd4;letter-spacing:0}
header .logo{background:linear-gradient(145deg,#eba676,#7655cc);box-shadow:0 8px 30px #d18c8155}
header .back{border:1px solid #ffe1c34d;border-radius:13px;padding:10px 15px;color:#f6d8c9;background:#ffffff0a}
header .back:hover{background:#ffffff19}
.layout{max-width:1480px;margin:0 auto;min-height:calc(100vh - 85px);padding:28px clamp(17px,3vw,40px) 55px;
 grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(24px,4vw,62px);align-items:center}
.pitch{border:1px solid #ffd7a452;border-radius:30px;position:relative;overflow:hidden;isolation:isolate;min-height:625px;
 padding:clamp(26px,3.7vw,58px);box-shadow:0 32px 90px #06021588,inset 0 1px #ffffff38;
 background:
 radial-gradient(ellipse at 17% 72%,#ba6e8255,transparent 45%),
 radial-gradient(ellipse at 90% 12%,#8061a880,transparent 40%),
 linear-gradient(135deg,#34213d,#221833 53%,#17162d)}
.pitch:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.37;
 background:repeating-linear-gradient(90deg,transparent 0 89px,#ffffff0a 90px,#ffffff0a 91px,transparent 92px 180px)}
.pitch>.eyebrow,.pitch>h1,.pitch>p,.pitch>.steps,.pitch>.privacy{position:relative;z-index:2}
.pitch .eyebrow{margin:0;background:#fbb57a20;border:1px solid #ffcf9869;color:#ffdbac;
 font-size:11px;padding:5px 14px;letter-spacing:.02em}
.pitch h1{font-size:clamp(29px,3.6vw,54px);line-height:1.54;letter-spacing:-1.15px;margin:22px 0 9px;color:#fffaf5}
.pitch h1 span{color:#ffc18d;background:linear-gradient(110deg,#ffe5b4,#f6baaf 68%,#e0baff);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pitch>p{color:#d9cada;font-size:13px;line-height:2.2;max-width:455px;margin:0 0 18px}
.login-studio-art{position:absolute;inset:0;pointer-events:none;z-index:0}
.login-studio-art img{position:absolute;left:-2%;bottom:8%;width:clamp(190px,35vw,360px);height:auto;
 opacity:.78;filter:drop-shadow(0 14px 24px #1b09236e)}
.login-studio-art svg{position:absolute;bottom:22%;left:-3%;width:106%;height:115px;opacity:.63;
 filter:drop-shadow(0 0 15px #e997cc88)}
.studio-orbit{position:absolute;width:460px;height:148px;border:1px solid #f5c0ba9a;border-radius:50%;
 left:-18%;bottom:21%;transform:rotate(-21deg);box-shadow:0 0 0 20px #ffffff06,0 0 52px #c991b35d}
.pitch .steps{margin:28px 0 0;max-width:490px;background:#171129a6;border:1px solid #ffe1c334;
 backdrop-filter:blur(10px);box-shadow:0 15px 30px #08041555;border-radius:18px;padding:7px}
.pitch .steps>div{padding:10px 12px;color:#e6d9ed;min-height:52px}
.pitch .steps>div+div{border-top:1px solid #ffffff10}
.pitch .steps>div.current{background:#e0a2c222;color:#ffe9cf;border:1px solid #e6b7b84b}
.pitch .steps b{background:#ffffff14;color:#ffe1b1;border:1px solid #ffffff24}
.pitch .steps strong{color:#ffcba1}
.pitch .privacy{margin-top:20px;max-width:450px;background:#ffffff0a;color:#d7ccd8;
 border:1px solid #ffffff22;line-height:2;font-size:11px}
.privacy-signal{margin-left:7px;color:#ffbd81}
.layout .panel{border-radius:29px;padding:clamp(24px,3vw,44px);
 background:linear-gradient(165deg,#fffaf8,#fdf8ff 67%,#f6edfc);color:#271d36;
 border:1px solid #fff9ff;box-shadow:0 35px 90px #09041ab0,0 0 0 1px #ffffff1c;
 max-width:520px;width:100%;justify-self:center;position:relative;overflow:hidden}
.layout .panel:before{content:"";position:absolute;top:-100px;left:-80px;width:230px;height:230px;border-radius:50%;
 background:radial-gradient(circle,#e8bada5e,transparent 68%);pointer-events:none}
.login-panel-tag{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;
 border:1px solid #e2d5ec;border-radius:100px;background:#f5edf9;color:#75558d;font-size:11px;font-weight:750}
.login-panel-tag span{font-size:8px;color:#dfa67d}
.layout .panel-icon{position:relative;margin-top:25px;width:61px;height:61px;border-radius:18px;
 background:linear-gradient(140deg,#352340,#7958a9);color:#f8cf9d;font-size:27px;
 box-shadow:0 10px 26px #67416d50}
.layout .panel h2{font-size:clamp(22px,2vw,29px);color:#241830;line-height:1.6;margin:22px 0 6px}
.layout .panel .sub{font-size:12px;color:#74647a;line-height:2.15;max-width:370px}
.google-signin{position:relative;min-height:59px;border:0;border-radius:15px;gap:12px;
 padding:12px 16px;margin:25px 0 13px;background:linear-gradient(107deg,#ffdbab,#f6b77d);color:#322035;
 box-shadow:0 11px 22px #bb7d8540;font-size:14px;transition:transform .2s,box-shadow .2s}
.google-signin:hover{background:linear-gradient(107deg,#ffe0b5,#f9c38f);transform:translateY(-2px);box-shadow:0 14px 26px #b9808e60}
.google-letter{display:grid;place-items:center;font-size:17px;font-weight:900;width:32px;height:32px;
 background:#fff;border-radius:10px;color:#4285f4;box-shadow:0 3px 9px #47304b20;direction:ltr}
.google-go{margin-right:auto;font-size:20px}
#serviceNotice{background:#f7f0fa;border:1px solid #e8dbf0;color:#6a5280;font-size:11px;line-height:2.1;
 padding:12px 14px;margin:0;border-radius:13px}
#serviceNotice.warn{background:#fff5eb;border-color:#f5dcc3;color:#8d4e2a}
.layout .footnote{color:#8d7a90;font-size:11px;border-color:#e8e0e9;line-height:2}
.layout .panel .primary{background:linear-gradient(110deg,#2f2347,#7757aa);color:white}
@media(max-width:980px){
 .layout{grid-template-columns:1fr;max-width:680px;min-height:0;padding:18px 17px 38px;gap:20px}
 .pitch{min-height:0;padding:27px 28px}
 .pitch h1{font-size:32px;margin-top:12px}
 .pitch>p{max-width:480px}
 .pitch .steps{margin-top:20px}
 .login-studio-art img{left:-16px;bottom:-35px;width:220px;opacity:.37}
 .login-studio-art svg{bottom:15%;opacity:.36}
 .studio-orbit{bottom:6%;opacity:.4}
 .layout .panel{max-width:none}
}
@media(max-width:540px){
 header{min-height:68px}
 header .brand{font-size:15px;gap:6px}
 header .back{font-size:10px;padding:8px 9px}
 .layout{gap:13px;padding:12px 12px 28px}
 .pitch{border-radius:22px;padding:21px 18px 18px}
 .pitch h1{font-size:28px}
 .pitch>p{font-size:11px;line-height:2}
 .pitch .steps{margin:17px 0 0}
 .pitch .steps>div{min-height:43px;padding:7px}
 .pitch .steps strong{font-size:10px}
 .pitch .privacy{margin-top:12px;font-size:10px}
 .login-studio-art img{width:140px;opacity:.23}
 .layout .panel{border-radius:22px;padding:24px 19px}
 .layout .panel-icon{width:49px;height:49px;margin-top:18px}
 .layout .panel h2{font-size:22px;margin-top:14px}
 .google-signin{min-height:55px}
}
@media(prefers-reduced-motion:reduce){.google-signin{transition:none}.google-signin:hover{transform:none}}