/* AI Muse Studios - the one look for Desk V2 (signed off 14/11/2026).
   Her dusty rose (measured from her video), black like her silhouette, wide capitals, no boxes.
   Phone: she dances on top. Laptop (wide screens): she fills the left half. */
:root{
  --pink:#d69a9a; --ink:#140d0f; --ink2:rgba(20,13,15,.74); --line:rgba(20,13,15,.32); --field:rgba(255,255,255,.55);
  --err:#6e0a1c; --gbg:#131314; --gline:#8e918f; --gink:#e3e3e3;
  --f-body:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-google:"Roboto",Arial,sans-serif;
  --f-code:ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--pink);color:var(--ink);font:16px/1.5 var(--f-body);min-height:100vh;min-height:100svh;
  -webkit-font-smoothing:antialiased}
.en,.ru{display:none}
html:not([data-lang="ru"]) .en{display:inline}
html[data-lang="ru"] .ru{display:inline}

.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.dancer{height:40vh;height:40svh;display:flex;justify-content:center;flex:none;
  padding-top:env(safe-area-inset-top,0px)}
.dancer video{height:100%;aspect-ratio:1;max-width:100%;object-fit:cover;display:block;
  -webkit-mask-image:linear-gradient(to right,transparent 3%,#000 20%,#000 80%,transparent 97%),linear-gradient(to bottom,transparent 1%,#000 8%,#000 78%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 3%,#000 20%,#000 80%,transparent 97%),linear-gradient(to bottom,transparent 1%,#000 8%,#000 78%,transparent);
  mask-composite:intersect}
.side{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;text-align:center;
  padding-block:8px calc(32px + env(safe-area-inset-bottom,0px));
  padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

@media (min-width:860px) and (min-aspect-ratio:1/1){
  .page{flex-direction:row}
  .dancer{width:50%;height:auto;min-height:100vh;min-height:100svh;padding-top:0}
  .dancer video{width:100%;height:100%;aspect-ratio:auto;max-width:none}
  .side{width:50%;justify-content:center;gap:22px;padding:48px}
}

.brand{margin:0 0 4px;display:flex;flex-direction:column;align-items:center;font-weight:800;line-height:1.05}
.b1{font-size:clamp(30px,8.4vw,40px);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase}
.b2{font-size:clamp(11px,2.9vw,13px);font-weight:600;letter-spacing:.62em;text-indent:.62em;text-transform:uppercase;margin-top:10px}
@media (min-width:860px) and (min-aspect-ratio:1/1){
  .b1{font-size:clamp(40px,3.6vw,58px)}
  .b2{font-size:clamp(13px,1.05vw,16px);margin-top:12px}
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:46px;min-width:min(300px,100%);
  padding:0 22px;border-radius:23px;text-decoration:none;cursor:pointer;font-size:15px;white-space:nowrap;
  transition:transform .08s ease,opacity .15s ease}
.btn:active{transform:scale(.98)}
.btn.google{background:var(--gbg);color:var(--gink);border:1px solid var(--gline);font-family:var(--f-google);font-weight:500}
.btn.dark{background:var(--ink);color:#fff;border:0;font-family:var(--f-body);font-weight:600;width:min(300px,100%)}
.g{width:20px;height:20px;flex:none}
.btn .wait{display:none}
.btn.busy{opacity:.78;cursor:progress}
.btn.busy .idle{display:none}
.btn.busy .wait{display:inline}
.btn.busy::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;
  animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.sm{margin:0;font-size:13.5px;color:var(--ink2);max-width:34ch}
.sm a{color:var(--ink)}
.big{margin:0;font-size:20px;font-weight:600;max-width:28ch}
.who{margin:0;font-size:14px;color:var(--ink2);overflow-wrap:anywhere}
.who b{color:var(--ink);font-weight:600}

form{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
label{font-size:13px;font-weight:600;letter-spacing:.04em}
input#code{width:min(300px,100%);height:50px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);
  font:500 18px var(--f-code);letter-spacing:.12em;text-align:center;text-transform:uppercase}
input#code::placeholder{color:rgba(20,13,15,.38)}
.msg{margin:0;color:var(--err);font-weight:600;font-size:14px;max-width:32ch}

.lang{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:3;
  border:0;border-radius:999px;background:rgba(255,255,255,.55);color:var(--ink);font:600 13px var(--f-body);
  padding:6px 12px;cursor:pointer}

a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media (prefers-reduced-motion: reduce){ .btn.busy::after{animation:none} .btn{transition:none} }

/* privacy page (15/11) */
.ph{margin:14px 0 2px;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.sm.pt{margin:0;max-width:52ch;text-align:left}