:root{--obs-accent:#00D4A1;--obs-accent-dark:#00B78E;--obs-accent-light:#B6F2E4;--obs-accent-glow:rgba(0, 212, 161, 0.15);--obs-dark-bg:#121212;--obs-dark-text:#e0e0e0;--obs-dark-card:#1e1e1e;--obs-dark-border:rgba(255, 255, 255, 0.05);--obs-light-bg:#f5fdfb;--obs-light-text:#1a1a1a;--obs-light-card:#ffffff;--obs-light-border:rgba(0, 0, 0, 0.08);--obs-font-main:'Inter', system-ui, sans-serif;--obs-font-heading:'Poppins', sans-serif;--obs-font-code:'Fira Code', monospace;--obs-radius:12px;--obs-radius-sm:6px;--obs-radius-lg:20px;--obs-padding:20px;--obs-gap:24px;--obs-shadow:rgba(0, 212, 161, 0.15) 0px 2px 10px;--obs-shadow-hover:rgba(0, 212, 161, 0.25) 0px 4px 16px;--obs-glow:0 0 12px rgba(0, 212, 161, 0.2);--obs-transition:0.3s ease;--obs-transition-fast:0.15s ease-in-out;--obs-transition-slow:0.5s ease;--obs-container:1200px;--obs-container-narrow:800px;--obs-aqua-accent:#00D4A1;--obs-aqua-accent-dark:#00B78E;--obs-aqua-accent-light:#B6F2E4;--obs-aqua-accent-glow:rgba(0, 212, 161, 0.15);--obs-violet-accent:#BB86FC;--obs-violet-accent-dark:#9F60F0;--obs-violet-accent-light:#E0C6FD;--obs-violet-accent-glow:rgba(187, 134, 252, 0.15);--obs-gold-accent:#FFD369;--obs-gold-accent-dark:#E3B342;--obs-gold-accent-light:#FFF1CF;--obs-gold-accent-glow:rgba(255, 211, 105, 0.15);--obs-accent-gradient:linear-gradient(
    90deg,
    var(--obs-aqua-accent),
    var(--obs-violet-accent),
    var(--obs-gold-accent)
  );--obs-accent-gradient-diagonal:linear-gradient(
    135deg,
    var(--obs-aqua-accent),
    var(--obs-violet-accent),
    var(--obs-gold-accent)
  );--obs-accent-gradient-reverse:linear-gradient(
    to left,
    var(--obs-aqua-accent),
    var(--obs-violet-accent),
    var(--obs-gold-accent)
  );--obs-box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);--obs-text-shadow:0 2px 4px rgba(0, 0, 0, 0.25);--obs-text-glow:0 0 8px var(--obs-accent);--obs-gradient-text:linear-gradient(to right, var(--obs-accent), var(--obs-accent-dark));--obs-highlight-text-dark:#ffffff;--obs-highlight-text-light:#000000}.obs-theme-aqua{--accent:var(--obs-aqua-accent);--accent-dark:var(--obs-aqua-accent-dark);--accent-light:var(--obs-aqua-accent-light);--accent-glow:var(--obs-aqua-accent-glow)}.obs-theme-violet{--accent:var(--obs-violet-accent);--accent-dark:var(--obs-violet-accent-dark);--accent-light:var(--obs-violet-accent-light);--accent-glow:var(--obs-violet-accent-glow)}.obs-theme-gold{--accent:var(--obs-gold-accent);--accent-dark:var(--obs-gold-accent-dark);--accent-light:var(--obs-gold-accent-light);--accent-glow:var(--obs-gold-accent-glow)}.obs-theme-active{--obs-box-shadow:0 4px 12px var(--accent-glow)}.main-content{width:100%;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.btn-accent{background:var(--accent);color:var(--obs-highlight-text-light);box-shadow:var(--obs-box-shadow);border-radius:var(--obs-border-radius);padding:.6rem 1.2rem;font-weight:600;border:none;transition:var(--obs-transition)}.btn-accent:hover{background:var(--accent-dark);box-shadow:0 6px 18px rgba(0,0,0,.15)}.text-glow{color:var(--accent);text-shadow:var(--obs-text-glow)}.gradient-text{background:var(--obs-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--accent-light);color:var(--obs-highlight-text-dark);box-shadow:var(--obs-box-shadow);border-radius:var(--obs-border-radius);padding:1.5rem;transition:var(--obs-transition)}.gradient-bg{background:var(--obs-accent-gradient);color:#fff}.gradient-text{background:var(--obs-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-mixed{background:var(--obs-accent-gradient);color:#fff;padding:.6rem 1.4rem;border:none;border-radius:var(--obs-border-radius);box-shadow:var(--obs-box-shadow);transition:var(--obs-transition)}.btn-mixed:hover{background:var(--obs-accent-gradient-reverse)}.card-mixed{border:2px solid var(--obs-accent-aqua);background:var(--obs-accent-gradient-diagonal);color:#fff;border-radius:var(--obs-border-radius);padding:1.5rem;box-shadow:var(--obs-box-shadow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--obs-dark-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:#444158;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5a547a}*{scrollbar-width:thin;scrollbar-color:#444158 var(--obs-dark-bg)}.hidden-scrollbar{scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}body{background-color:var(--obs-dark-bg);color:var(--obs-dark-text);font-family:var(--obs-font-main);margin:0;padding:0}a{color:var(--accent-dark);text-decoration:none;transition:var(--obs-transition)}a:hover{text-decoration:underline}button{background:var(--accent);border:none;padding:8px 16px;color:#121212;font-weight:700;border-radius:var(--obs-radius-sm);cursor:pointer;transition:var(--obs-transition-fast)}button:hover{background:var(--accent-dark)}button.transp-btn{background:0 0;color:var(--accent)}button.border-btn{background:0 0;color:var(--accent);border:1px solid var(--accent)}button.transp-btn:hover,button.border-btn:hover{background:0 0;color:var(--accent-dark);border-color:var(--accent-dark)}.card{background:var(--obs-dark-card);color:var(--obs-dark-text);border:1px solid var(--obs-dark-border);border-radius:var(--obs-radius);padding:var(--obs-padding);box-shadow:var(--obs-box-shadow)}input,textarea,select{background:var(--obs-dark-card);color:var(--obs-dark-text);border:1px solid var(--obs-dark-border);padding:10px;border-radius:var(--obs-radius-sm);width:100%;max-width:94%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 5px var(--accent-glow)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.modal{position:fixed;z-index:1035;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal-content{background:var(--obs-dark-bg);padding:var(--obs-padding);border-radius:var(--obs-radius);width:400px;max-height:530px;overflow-y:auto;position:relative}.close,.close-modal{position:absolute;top:10px;right:15px;color:var(--obs-dark-text);font-size:24px;cursor:pointer}.close:hover{color:var(--accent)}.glow-text{text-shadow:0 0 5px var(--accent),0 0 10px var(--accent)}.gradient-text{background:var(--obs-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.space-bg{background:radial-gradient(circle at top,#1a1a1a,#000);min-height:100vh;display:flex;align-items:center;justify-content:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}.floating{animation:float 3s infinite ease-in-out}.lr-box{padding:var(--obs-padding);border-radius:var(--obs-radius);box-shadow:var(--obs-box-shadow);width:100%;max-width:350px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.lr-box .lr-btn{margin-top:12px}@media screen and (max-width:480px){.lr-box{width:80%}}.hx-grp{margin-bottom:12px}.obs-password-wrapper{position:relative;display:flex;align-items:center}.obs-password-wrapper input[type=password],.obs-password-wrapper input[type=text]{width:100%;padding-right:2.5rem}.obs-password-toggle{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:1rem;opacity:.6;transition:opacity .2s ease}.obs-password-toggle:hover{opacity:1}.obs-svg{width:20px;color:var(--accent);vertical-align:middle;flex-shrink:0}.obs-trust{font-size:.9rem;color:var(--obs-text-muted);display:flex;align-items:center;gap:.5rem;min-height:1.5rem}.obs-type-text{white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);animation:blinkCursor .8s steps(1)infinite}@keyframes blinkCursor{0%,100%{border-color:transparent}50%{border-color:var(--obs-accent)}}.obs-auth-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient( 1200px circle at 20% 30%,var(--obs-gold-accent-light),transparent 70% ),radial-gradient( 1e3px circle at 80% 70%,var(--obs-gold-accent-dark),transparent 70% );opacity:.08;pointer-events:none;animation:obsGlowPulse 10s ease-in-out infinite alternate;transition:opacity .3s ease}@keyframes obsGlowPulse{0%{transform:scale(1)translateY(0);filter:blur(0)}100%{transform:scale(1.03)translateY(-10px);filter:blur(2px)}}.lr-box h1{text-align:center}.obs-logo{display:inline-flex;align-items:center;justify-content:center}.obs-logo img{max-width:100%;height:auto;display:block;object-fit:contain;transition:max-width var(--obs-transition-fast)}.obs-logo.-size-sm img{max-width:64px}.obs-logo.-size-md img{max-width:128px}.obs-logo.-size-lg img{max-width:256px}@media(max-width:768px){.obs-logo.-size-lg img{max-width:160px}.obs-logo.-size-md img{max-width:96px}.obs-logo.-size-sm img{max-width:48px}}@media(max-width:480px){.obs-logo.-size-lg img{max-width:120px}.obs-logo.-size-md img{max-width:72px}.obs-logo.-size-sm img{max-width:40px}}.obs-logo{position:absolute;top:10px;left:10px}.btn-small.spin{animation:spinBtn .6s ease-in-out}@keyframes spinBtn{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn-small,.btn-small:hover{background-color:initial}.obs-sso__root{font-family:var(--obs-font-main);background:var(--obs-dark-bg);color:var(--obs-dark-text);min-height:100vh;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.015) 0%,transparent 100%)var(--obs-dark-bg)}.obs-sso__main{text-align:center}.obs-sso__title{font-size:32px;font-weight:600;margin-bottom:8px}.obs-sso__subtitle{font-size:15px;opacity:.7;margin-bottom:40px}.obs-sso__grid{display:grid;grid-template-columns:1fr;gap:var(--obs-gap);max-width:520px;margin:0 auto}@media(min-width:640px){.obs-sso__grid{grid-template-columns:repeat(2,1fr)}}.obs-sso__card{background:var(--obs-dark-card);border:1px solid var(--obs-dark-border);border-radius:var(--obs-radius);padding:var(--obs-padding);text-align:left;transition:box-shadow var(--obs-transition);box-shadow:var(--obs-box-shadow)}.obs-sso__card:hover{box-shadow:var(--obs-shadow-hover)}.obs-sso__card h2{font-size:18px;margin:0 0 6px;font-weight:600}.obs-sso__card small{font-size:13px;color:#999}.obs-sso__card a{display:inline-block;margin-top:12px;color:var(--obs-accent);font-weight:600;font-size:14px;text-decoration:none;transition:color var(--obs-transition)}.obs-sso__card a:hover{color:var(--obs-accent-dark)}.obs-sso__badges{margin-top:6px;font-size:12px;color:#777}