.auth-screen{position:relative;z-index:1;min-height:100svh;background:#162e26;color:#ffffff;overflow-x:hidden;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.auth-screen:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(74,157,126,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(45,122,95,.08) 0,transparent 50%);animation:gradientShift 15s ease infinite;pointer-events:none;z-index:0}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-10%,-10%) rotate(5deg)}}.auth-screen main{position:relative;z-index:2}.auth-screen *,.auth-screen :after,.auth-screen :before{box-sizing:border-box}.auth-screen .card{width:100%;padding:2.5em;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.auth-screen .card:hover{transform:translateY(-4px);box-shadow:0 15px 50px rgba(0,0,0,.4)}.auth-screen .success-message{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-screen .status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #86efac;border-radius:20px;font-size:.9rem;margin:1rem 0}.auth-screen .status-indicator:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes float1{0%,to{transform:translate(0) rotate(0deg);opacity:.3}50%{transform:translate(100px,-100px) rotate(180deg);opacity:.6}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg) scale(1);opacity:.2}50%{transform:translate(-80px,120px) rotate(-180deg) scale(1.2);opacity:.5}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg);opacity:.25}33%{transform:translate(60px,-80px) rotate(120deg);opacity:.5}66%{transform:translate(-40px,60px) rotate(240deg);opacity:.4}}@keyframes float4{0%,to{transform:translate(0) scale(1);opacity:.2}50%{transform:translate(120px,80px) scale(1.3);opacity:.4}}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:#4a9d7e;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.logo{height:150px;width:auto;max-width:100%;object-fit:contain;padding:.5em;will-change:transform;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(74,157,126,.3))}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(74,157,126,.5))}.cl-rootBox{width:100%!important;max-width:420px!important;margin:0 auto!important}.cl-card,.cl-card *{background-color:transparent!important}.cl-card{background-color:#f1f5f9!important;border-radius:20px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(74,157,126,.2)!important;box-shadow:0 10px 40px rgba(0,0,0,.4)!important;overflow:hidden!important}.cl-main{padding-bottom:0!important}.cl-footer{border-top:1px solid rgba(74,157,126,.1)!important;margin:0!important;padding:1.5rem!important;border-radius:0!important}.cl-footerActionLink,.cl-footerActionText{font-size:.9rem!important}.cl-footerActionLink{color:#4a9d7e!important;font-weight:600!important}.cl-footerAction{background:transparent!important;border:none!important;padding:0!important}.cl-formButtonPrimary{background:linear-gradient(135deg,#4a9d7e,#2d7a5f)!important;box-shadow:0 4px 12px rgba(74,157,126,.2)!important;border:none!important;font-weight:600!important}.cl-formButtonPrimary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 15px rgba(74,157,126,.3)!important}.cl-formFieldInput:focus{border-color:#4a9d7e!important;box-shadow:0 0 0 3px rgba(74,157,126,.1)!important}.cl-socialButtonsBlockButton{border:1px solid #e2e8f0!important;background:white!important}@media (max-width:480px){.auth-screen main{padding:1rem!important}.cl-rootBox{width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;justify-content:center!important}.cl-card{margin:0 auto!important}.card,.cl-card{padding:1.5rem 1rem!important;width:95%!important;max-width:400px!important}.card{margin:1rem auto!important}.cl-formFieldInput{font-size:16px!important;width:100%!important;text-align:left!important}.cl-formField{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}}