.cloud-profile-overlay {
  position: fixed; inset: 0; z-index: 10000; overflow: auto; display: grid; place-items: center;
  padding: max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));
  color: #f8fbff; background: rgba(3, 12, 20, .94); backdrop-filter: blur(16px);
}
.cloud-profile-card {
  width: min(520px, 100%); padding: clamp(24px, 6vw, 38px); border: 1px solid rgba(92, 163, 217, .38);
  border-radius: 28px; background: linear-gradient(155deg, #102d46, #081925 72%); box-shadow: 0 30px 90px rgba(0,0,0,.48);
}
.cloud-profile-brand { display: flex; align-items: center; gap: 9px; color: #ffcd45; font-weight: 850; }
.cloud-profile-brand span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #082034; background: #ffcd45; }
.cloud-language { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.cloud-language label { color:#d6e5f1; font-weight:700; }
.cloud-language select { font:inherit; min-height:44px; max-width:65%; padding:8px 12px; border:1px solid #65c5ff; border-radius:10px; color:#fff; background:#102d46; }
.cloud-language select:focus-visible { outline:3px solid #ffcd45; outline-offset:3px; }
.cloud-homework-link { display:block; margin-top:18px; color:#79dcb2; font-weight:700; }
.cloud-kicker { margin: 24px 0 7px; color: #65c5ff; font-size: 12px; font-weight: 850; letter-spacing: .16em; }
.cloud-profile-card h1 { margin: 0; color: #fff; font-size: clamp(30px, 8vw, 44px); line-height: 1.04; }
.cloud-intro, .cloud-intro-en { margin: 15px 0 0; color: #d6e5f1; line-height: 1.55; }
.cloud-intro-en { margin-top: 7px; color: #91abc0; font-size: 14px; }
.cloud-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 24px 0 18px; padding: 5px; border-radius: 15px; background: rgba(255,255,255,.07); }
.cloud-tabs button { min-height: 44px; border: 0; border-radius: 11px; color: #a9bfd1; background: transparent; font: inherit; font-weight: 750; }
.cloud-tabs button.active { color: #092033; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.2); }
.cloud-profile-form { display: grid; gap: 14px; }
.cloud-profile-form label { display: grid; gap: 7px; color: #eaf4fb; font-size: 14px; font-weight: 750; }
.cloud-profile-form input { width: 100%; min-height: 52px; padding: 0 15px; border: 1px solid #3d6683; border-radius: 14px; color: #fff; background: #071721; font: inherit; font-size: 16px; outline: 0; }
.cloud-profile-form input:focus { border-color: #65c5ff; box-shadow: 0 0 0 3px rgba(101,197,255,.17); }
.cloud-form-note { margin: 0; color: #9bb4c8; font-size: 13px; line-height: 1.45; }
.cloud-form-error { min-height: 0; margin: 0; color: #ff9f9f; font-size: 14px; font-weight: 700; }
.cloud-form-error:empty { display: none; }
.cloud-submit { min-height: 54px; border: 0; border-radius: 15px; color: #092034; background: #ffcd45; font: inherit; font-weight: 850; box-shadow: 0 10px 25px rgba(255,205,69,.18); }
.cloud-submit:disabled { opacity: .65; }
.cloud-privacy { display: flex; gap: 10px; margin-top: 19px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); }
.cloud-privacy p { margin: 0; color: #8fa9bd; font-size: 12px; line-height: 1.5; }
.cloud-sync-badge { position: fixed; z-index: 9000; top: auto; right: 24px; bottom: max(24px, env(safe-area-inset-bottom)); color: #eaf6ff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
.cloud-badge-button { display: grid; grid-template-columns: 9px auto; column-gap: 8px; align-items: center; min-height: 46px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; color: inherit; background: rgba(5,20,31,.91); box-shadow: 0 10px 30px rgba(0,0,0,.28); backdrop-filter: blur(12px); }
.cloud-dot { grid-row: 1 / 3; width: 9px; height: 9px; border-radius: 50%; background: #f5c84b; box-shadow: 0 0 10px currentColor; }
.cloud-badge-name { max-width: 150px; overflow: hidden; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.cloud-badge-button small { color: #9fb5c5; font-size: 9px; text-align: left; }
.cloud-sync-badge[data-status="saved"] .cloud-dot { background: #43e493; }
.cloud-sync-badge[data-status="offline"] .cloud-dot { background: #ff8c76; }
.cloud-badge-menu { position: absolute; top: calc(100% + 7px); right: 0; width: 210px; overflow: hidden; padding: 5px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: #0a202f; box-shadow: 0 18px 40px rgba(0,0,0,.38); }
.cloud-badge-menu button { width: 100%; padding: 12px; border: 0; border-radius: 10px; color: #eaf6ff; background: transparent; font: inherit; font-size: 13px; text-align: left; }
.cloud-badge-menu button:hover { background: rgba(255,255,255,.08); }
@media (max-width: 620px) {
  .cloud-profile-overlay { place-items: end center; padding: max(12px, env(safe-area-inset-top)) 10px 10px; }
  .cloud-profile-card { max-height: calc(100dvh - 20px); overflow: auto; padding: 23px 20px; border-radius: 24px; }
  .cloud-sync-badge { top: auto; right: 10px; bottom: calc(88px + env(safe-area-inset-bottom)); }
  .cloud-badge-menu { top: auto; bottom: calc(100% + 7px); }
}