.login-section{background:linear-gradient(#f4f1f9 0%,#f7f1f5 15%,#fff 50%,#faf3ef 85%,#f4f1f9 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}
.login-content{width:100%;max-width:80%;height:100%;max-height:70%;box-shadow:var(--box-shadow);border:1px solid var(--border-color);border-radius:30px;display:flex}.login-content .arena-hero{width:100%;color:var(--secondary-text-color);background:linear-gradient(135deg,#2b5cff 0%,#4b4bff 40%,#6b4cff 70%,#7b3cff 100%);border-top-right-radius:30px;border-bottom-right-radius:30px;flex-direction:column;justify-content:space-between;padding:3.2rem;display:flex;position:relative;overflow:hidden}.login-content .arena-hero .hero-content{z-index:2;position:relative}.login-content .arena-hero .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;box-shadow:var(--box-shadow);background:#ffffff2e;border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.6rem;padding:.6rem 1.2rem;font-size:1.2rem;font-weight:600;display:inline-flex}.login-content .arena-hero .title{letter-spacing:-.02em;flex-wrap:wrap;font-size:3.6rem;font-weight:800;line-height:1.1}.login-content .arena-hero .title span{display:block}.login-content .arena-hero .highlight{color:#4fd1ff}.login-content .arena-hero .sub-title{margin-top:1.6rem}.login-content .arena-hero .sub-title span{color:var(--secondary-text-color);opacity:.9;border-radius:8px;padding:.6rem .9rem;font-size:1.4rem;line-height:1.6;display:inline-block}.login-content .arena-hero .card-stack{justify-content:center;align-items:center;height:300px;animation:6s ease-in-out infinite float;display:flex;position:relative}.login-content .arena-hero .card{border-radius:24px;justify-content:center;align-items:center;width:200px;height:280px;display:flex;position:absolute;box-shadow:0 30px 70px #00000073,inset 0 0 0 1px #ffffff1a}.login-content .arena-hero .back-card{background:linear-gradient(#fff,#e5e7eb);transform:rotate(-12deg)translate(-45px,35px)}.login-content .arena-hero .front-card{background:linear-gradient(#0f172a,#020617);transition:transform .6s;transform:rotate(6deg)}.login-content .arena-hero .front-card:hover{transform:rotate(10deg)translateY(-8px)}.login-content .arena-hero .card-icon{opacity:.35;filter:drop-shadow(0 0 14px #ffffff2e);font-size:5.2rem}.login-content .arena-hero .server-status{z-index:2;opacity:.85;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.login-content .arena-hero .server-status span{color:#4ade80;font-weight:600}.login-content .arena-hero:before{content:"";opacity:.35;background-image:radial-gradient(#ffffff2e .8px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0}.login-content .arena-hero:after{content:"";background:radial-gradient(circle at 0 0,#fff3,#0000 55%);position:absolute;inset:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.login-content{max-width:90%}.login-content .title{font-size:3rem}}@media (max-width:480px){.login-content .title{font-size:2.6rem}.login-content .title .card{width:160px;height:220px}}@media (min-width:768px){.login-content .arena-hero{padding:4.8rem}.login-content .title{font-size:4rem}}@media (max-width:700px){.login-content{max-width:85%;max-height:60%}.login-content .arena-hero .hero-content .title{font-size:4.5em}.login-content .arena-hero .hero-content .sub-title{font-size:2em}.login-content .arena-hero .front-card,.login-content .arena-hero .back-card{width:150px;height:200px}}@media (max-width:600px){.login-content{max-width:90%}.login-content .arena-hero .hero-content .title{font-size:4em}.login-content .arena-hero .hero-content .sub-title{font-size:1.6em}}@media (max-width:500px){.login-content{max-width:95%}.login-content .arena-hero .hero-content .title{font-size:3.5em}.login-content .arena-hero .hero-content .sub-title{font-size:1.4em}.login-content .arena-hero .front-card,.login-content .arena-hero .back-card{width:80%}}@media (max-width:400px){.login-content{max-height:50%}.login-content .arena-hero .hero-content .title{font-size:3em}.login-content .arena-hero .hero-content .sub-title{font-size:1.2em}}
.login-form{flex-direction:column;gap:2rem;width:100%;padding:5rem;display:flex}.login-form .sub-title{color:var(--text-off-white-secondary);font-weight:500}.login-form .title{margin-bottom:5px}.login-form .title-container .title{font-family:Poppins,sans-serif}.login-form .title-container .sub-title{font-size:1.4rem}.login-form .user-detail-container{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.login-form .user-detail-container .input-field{padding:2rem 2rem 2rem 5rem}.login-form .user-detail-container .icon{top:25%;left:20px;transform:translate(-50%,50%)}.login-form .disclaimer{justify-content:center;align-items:center;gap:5px;width:100%;font-size:1.1em;font-weight:700;display:flex}.login-form .disclaimer .text{color:var(--text-off-white)}.login-form .disclaimer .login-link{color:var(--accent-color);outline:none;text-decoration:none}.login-form .response-container{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.login-form .response-container .redirect-text{color:var(--accent-color);letter-spacing:.5px;font-size:1.2em;font-weight:700}