:root{--bg-main: #0d0e11;--bg-gradient-end: #050607;--card-bg: rgba(20, 20, 26, .45);--card-border: rgba(150, 120, 255, .25);--text-main: #e7ddff;--text-sub: #c9c4e2;--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(140, 120, 255, .25);--button-gradient-start: #7f5af0;--button-gradient-end: #9b5df7;--rune-color: rgba(180, 150, 255, .7);--rune-shadow: rgba(150, 120, 255, .8);--rune-circle-border: rgba(150, 130, 255, .35)}[data-theme=light]{--bg-main: #f3f1ff;--bg-gradient-end: #ffffff;--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(100, 80, 180, .3);--text-main: #3a2f66;--text-sub: #4b3f80;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(90, 60, 180, .35);--button-gradient-start: #8364ff;--button-gradient-end: #b699ff;--rune-color: rgba(110, 80, 200, .75);--rune-shadow: rgba(100, 50, 180, .8);--rune-circle-border: rgba(110, 90, 200, .45)}.odin-login-container{width:100%;min-width:100%;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at center,var(--bg-main) 0%,var(--bg-gradient-end) 100%);display:flex;justify-content:center;align-items:center;position:relative;overflow-x:hidden;overflow-y:hidden;padding:16px;box-sizing:border-box}.odin-login-card{width:100%;max-width:420px;min-width:0;padding:clamp(24px,5vw,40px);background:var(--card-bg);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--card-border);border-radius:18px;box-shadow:0 8px 30px #00000059,0 0 40px #785aff26;z-index:10;animation:fadeUp .9s ease-out}.odin-title{font-size:clamp(32px,5vw,52px);text-align:center;font-weight:700;color:var(--text-main);letter-spacing:8px;text-shadow:0 0 12px var(--rune-shadow),0 0 28px var(--button-gradient-start)}.odin-subtitle{text-align:center;color:var(--text-sub);margin-bottom:20px;letter-spacing:2px;font-size:clamp(12px,2vw,17px)}.MuiOutlinedInput-root{background:var(--input-bg);border-radius:8px!important}.MuiOutlinedInput-root fieldset{border-color:var(--input-border)!important}.MuiOutlinedInput-root:hover fieldset{border-color:var(--button-gradient-start)!important}.MuiOutlinedInput-input{color:var(--text-main)!important}.odin-button{margin-top:25px!important;background:linear-gradient(90deg,var(--button-gradient-start),var(--button-gradient-end));color:#fff!important;font-weight:700!important;padding:12px;border-radius:10px!important;box-shadow:0 0 15px var(--button-gradient-start);transition:.3s ease}.odin-button:hover{filter:brightness(1.2);transform:translateY(-3px);box-shadow:0 0 25px var(--button-gradient-end)}.rune-circle{position:absolute;width:clamp(350px,60vw,900px);height:clamp(350px,60vw,900px);border-radius:50%;border:2px solid var(--rune-circle-border);animation:runePulse 6s infinite ease-in-out,rotateCircle 18s linear infinite;z-index:1;box-shadow:0 0 30px var(--rune-circle-border)}.odin-rune{position:absolute;font-size:clamp(14px,1.8vw,26px);font-weight:500;color:var(--rune-color);text-shadow:0 0 8px var(--rune-shadow);opacity:.75;animation-name:runeFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.rune{font-family:Segoe UI Symbol,Arial Unicode MS,sans-serif!important}@keyframes runePulse{0%{transform:scale(.95);opacity:.45}50%{transform:scale(1);opacity:.75}to{transform:scale(.95);opacity:.45}}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes runeFloat{0%{transform:translateY(0) translate(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) translate(20px) rotate(10deg);opacity:1}to{transform:translateY(0) translate(0) rotate(0);opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.odin-toggle{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:9999;width:48px;height:48px;border-radius:50%;border:none;background:#3c287840;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease;box-shadow:0 0 12px #785aff4d}.odin-toggle:hover{transform:scale(1.1) rotate(8deg);box-shadow:0 0 20px #a082ff99}.odin-toggle .rune{font-size:28px;font-weight:600;color:var(--text-main);text-shadow:0 0 8px var(--rune-shadow),0 0 18px var(--button-gradient-start);animation:runeGlow 2.8s infinite ease-in-out}.odin-toggle.small{position:relative;top:unset;right:unset;width:32px;height:32px;border-radius:50%;background:#3c287840;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;box-shadow:0 0 8px #785aff4d,inset 0 0 6px #5a3cb44d;cursor:pointer;padding:0}.odin-toggle.small .rune{font-size:20px;animation:runeGlow 2.8s infinite ease-in-out}@keyframes runeGlow{0%{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(4deg)}to{opacity:.6;transform:scale(1) rotate(0)}}@media(max-width:600px){.rune-circle{opacity:.35}.odin-login-container{padding:12px}.odin-login-card{padding:20px}.odin-toggle{width:44px;height:44px}.odin-toggle .rune{font-size:24px}}@media(max-width:400px){.odin-login-card{padding:16px}.odin-title{font-size:clamp(26px,8vw,40px);letter-spacing:4px}}@media(min-width:1920px){.odin-login-card{max-width:460px}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%}body{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--global-bg, #000);display:block!important;place-items:unset!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}:root{--global-bg: #000}button{font-family:inherit;cursor:pointer;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}html{-webkit-user-select:none;user-select:none}.odin-app-layout{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}