:root{--theme-bg-1:#4cb8b3;--theme-bg-2:#2f6f73;--theme-bg-3:#1e3a5f;--theme-bg-4:#0b1622;--theme-glow-cyan:rgba(76,184,179,0.4);--theme-panel-bg-start:rgba(22,58,73,0.82);--theme-panel-bg-end:rgba(15,42,62,0.9);--theme-panel-border:rgba(110,214,222,0.34);--theme-panel-outline:rgba(21,66,90,0.42);--theme-panel-shadow:rgba(2,12,24,0.5);--theme-text-strong:#e8fbff;--theme-btn-bg-start:#1f8f97;--theme-btn-bg-mid:#1a5f74;--theme-btn-bg-end:#143b5e;--theme-btn-border:rgba(92,197,208,0.42)}*,*::before,*::after{box-sizing:border-box}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text}html{min-height:100%;background:var(--theme-bg-4)}body.surface-page{margin:0;font-family:'Noto Sans','Inter','Segoe UI',system-ui,-apple-system,sans-serif;color:var(--theme-text-strong);min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:var(--theme-bg-4);background:linear-gradient(135deg,var(--theme-bg-1) 0%,var(--theme-bg-2) 30%,var(--theme-bg-3) 60%,var(--theme-bg-4) 100%)}body.surface-page::before{content:"";position:fixed;top:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,var(--theme-glow-cyan) 0%,rgba(76,184,179,0) 70%);filter:blur(80px);pointer-events:none;z-index:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-bg-split{position:fixed;inset:0;display:flex;overflow:hidden;background:transparent;z-index:0;pointer-events:none}.login-bg-split::before{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 12% 18%,rgba(118,232,226,0.34) 0%,rgba(118,232,226,0) 42%),radial-gradient(circle at 88% 88%,rgba(36,86,158,0.34) 0%,rgba(36,86,158,0) 46%),linear-gradient(135deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 38%);filter:blur(4px)}.login-bg-split::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(7,17,29,0) 26%,rgba(7,17,29,0.45) 100%),linear-gradient(180deg,rgba(7,17,29,0.08) 0%,rgba(7,17,29,0.28) 100%)}.login-card-modern{background:linear-gradient(155deg,var(--theme-panel-bg-start) 0%,var(--theme-panel-bg-end) 100%);border:1px solid var(--theme-panel-border);border-radius:28px;padding:38px 44px 24px;box-shadow:0 28px 80px var(--theme-panel-shadow),inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px var(--theme-panel-outline);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.login-card-modern.intro-card{width:100%;min-height:0;animation:cardEntry 0.5s ease-out}@keyframes cardEntry{0%{opacity:0;transform:scale(0.96)}100%{opacity:1;transform:scale(1)}}.login-header{text-align:center;margin-top:14px;margin-bottom:20px}.login-logo-wordmark{margin:0 auto 16px;font-size:clamp(52px,14vw,89px);line-height:1;font-weight:900;letter-spacing:-0.02em;color:#ecfeff;background:linear-gradient(135deg,#f0feff 0%,#baf4f6 40%,#7de5ea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0.5px rgba(14,46,66,0.45);text-shadow:0 3px 16px rgba(5,28,44,0.46),0 0 26px rgba(118,232,226,0.22)}.login-title-simple{margin:0;font-size:clamp(22px,5vw,32px);font-weight:700;color:#f4fdff;letter-spacing:-0.02em;text-shadow:0 2px 10px rgba(5,28,44,0.35);text-wrap:balance}.login-subtitle-simple{margin:10px auto 0;max-width:520px;color:rgba(219,245,248,0.92);font-size:clamp(14px,3.5vw,16px);font-weight:500;line-height:1.55;letter-spacing:0.01em;text-align:center;text-wrap:balance}.login-form-modern{display:flex;flex-direction:column;gap:16px}.input-group{position:relative}.input-icon{position:absolute;left:18px;top:18px;color:#9ca3af;pointer-events:none;z-index:2}.input-group input{width:100%;padding:18px 18px 18px 52px;border:1px solid rgba(255,255,255,0.15);border-radius:10px;background:rgba(255,255,255,0.08);background-color:rgba(255,255,255,0.08) !important;color:#ffffff;font-size:15px;font-weight:400;font-family:'Noto Sans',sans-serif;-webkit-appearance:none;appearance:none;height:52px;transition:border-color 0.2s ease}.input-group input::placeholder{color:#9ca3af}.input-group input:focus,.input-group input:focus-visible{outline:none;border-color:rgba(122,224,232,0.45)}.login-btn-orange{margin-top:8px;width:100%;min-height:52px;padding:16px 26px;border:1px solid var(--theme-btn-border);border-radius:14px;background:linear-gradient(135deg,var(--theme-btn-bg-start) 0%,var(--theme-btn-bg-mid) 46%,var(--theme-btn-bg-end) 100%);color:#eafcff;font-size:16px;font-weight:700;letter-spacing:0.01em;font-family:'Noto Sans',sans-serif;cursor:pointer;transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease,filter 0.22s ease;box-shadow:0 12px 24px rgba(5,20,32,0.42),inset 0 1px 0 rgba(255,255,255,0.12),0 0 0 1px rgba(10,38,55,0.34)}a.login-btn-orange{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.login-btn-orange:hover{border-color:rgba(122,224,232,0.65);filter:brightness(1.06);transform:translateY(-1px)}.login-btn-orange:active{transform:translateY(0);filter:brightness(0.98)}.login-btn-orange:focus,.login-btn-orange:focus-visible{outline:none;border-color:rgba(160,242,247,0.88);box-shadow:0 0 0 3px rgba(76,184,179,0.28),0 12px 26px rgba(5,20,32,0.42)}.login-btn-orange.loading{position:relative;pointer-events:none;color:transparent}.login-btn-orange.loading span{visibility:hidden}.login-btn-orange.loading::after{content:'';position:absolute;width:22px;height:22px;top:50%;left:50%;border:3px solid rgba(234,252,255,0.32);border-top-color:#eafcff;border-radius:50%;transform:translate(-50%,-50%);animation:login-btn-spin 0.8s linear infinite}@keyframes login-btn-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-form-note{margin:4px 0 0;text-align:center;color:rgba(216,241,244,0.95);font-size:13px;line-height:1.45;text-wrap:balance}.login-error-modern{min-height:20px;padding:10px 14px;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);border-radius:8px;color:#fca5a5;font-weight:500;font-size:13px;text-align:center}.login-error-modern:empty{display:none}.form-success-modern{padding:10px 14px;background:rgba(34,197,94,0.18);border:1px solid rgba(34,197,94,0.4);border-radius:8px;color:#86efac;font-weight:500;font-size:13px;text-align:center;text-wrap:balance}.form-success-modern:empty,.form-success-modern[hidden]{display:none}.login-link{color:rgba(216,241,244,0.85);font-size:13px;font-weight:500;text-decoration:none;transition:color 0.2s ease}.login-link:hover{color:#ffffff}@media (max-width:768px){.login-card-modern{padding:28px 20px 22px;border-radius:22px}.login-header{margin-top:8px;margin-bottom:16px}}