:root{--auth-green:#25d366;--auth-green-dark:#075e54;--auth-green-mid:#128c7e;--auth-background:#071e22;--auth-surface:#fff;--auth-text:#0f172a;--auth-muted:#64748b;--auth-border:#dce6e4;--auth-danger:#dc4961;--auth-ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%;margin:0}.auth-page{position:relative;min-height:100vh;display:grid;grid-template-rows:1fr auto;color:var(--auth-text);background:var(--auth-background);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.auth-page::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(37,211,102,.12),transparent 28%),radial-gradient(circle at 85% 75%,rgba(18,140,126,.2),transparent 32%),linear-gradient(135deg,#06171a,#09292b 55%,#073e36);animation:page-in .7s both}.auth-background{position:fixed;inset:0;overflow:hidden;pointer-events:none}.auth-background::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 75%)}.auth-background>i{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(37,211,102,.12);animation:drift 13s ease-in-out infinite alternate}.auth-background>i:nth-child(1){width:430px;height:430px;left:-180px;top:-100px}.auth-background>i:nth-child(2){width:300px;height:300px;right:-70px;bottom:-100px;animation-delay:-4s}.auth-background>i:nth-child(3){width:120px;height:120px;right:20%;top:12%;animation-delay:-8s}.auth-background>span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--auth-green);box-shadow:0 0 14px var(--auth-green);opacity:.2;animation:particle 9s ease-in-out infinite}.auth-background>span:nth-of-type(1){left:10%;top:70%}.auth-background>span:nth-of-type(2){right:18%;top:20%;animation-delay:-3s}.auth-background>span:nth-of-type(3){left:72%;bottom:12%;animation-delay:-6s}.auth-skip{position:fixed;z-index:50;left:16px;top:-60px;padding:10px 14px;border-radius:8px;color:#fff;background:#075e54}.auth-skip:focus{top:12px}.auth-main{position:relative;z-index:3;display:grid;place-items:center;padding:70px 24px 35px}.auth-surface{position:relative;width:min(100%,500px);padding:42px 48px 34px;border-radius:28px;background:rgba(255,255,255,.975);box-shadow:0 36px 100px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.08);animation:surface-in .75s var(--auth-ease) both}.auth-surface::before{content:"";position:absolute;left:36px;right:36px;top:0;height:3px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,transparent,var(--auth-green),transparent);opacity:.7}.auth-brand{display:inline-flex;align-items:center;gap:10px;color:#0a3431;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.04em;animation:item-in .6s .12s var(--auth-ease) both}.auth-brand-mark{position:relative;width:28px;height:28px;display:inline-block;transform:rotate(-8deg)}.auth-brand-mark i{position:absolute;width:9px;border-radius:9px;background:linear-gradient(160deg,var(--auth-green),var(--auth-green-mid));transform:rotate(35deg)}.auth-brand-mark i:nth-child(1){height:17px;left:3px;top:8px}.auth-brand-mark i:nth-child(2){height:25px;left:11px;top:1px}.auth-brand-mark i:nth-child(3){height:14px;right:0;top:6px}.auth-tagline{margin:6px 0 33px;color:#7b8989;font-size:11px;animation:item-in .6s .18s var(--auth-ease) both}.auth-heading{margin-bottom:26px;animation:item-in .65s .24s var(--auth-ease) both}.auth-kicker{display:block;margin-bottom:9px;color:var(--auth-green-mid);font-size:9px;font-weight:800;letter-spacing:.16em}.auth-heading h1,.auth-success-state h1{margin:0;color:#0b2325;font-size:34px;line-height:1.15;letter-spacing:-.045em}.auth-heading p,.auth-success-state>p{margin:9px 0 0;color:var(--auth-muted);font-size:13px;line-height:1.65}.auth-form{animation:item-in .65s .3s var(--auth-ease) both}.auth-field{margin-bottom:17px}.auth-field label{display:block;margin-bottom:7px;color:#344746;font-size:11px;font-weight:700}.auth-input{position:relative}.auth-input>span{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#718582;pointer-events:none}.auth-input svg,.auth-security svg,.auth-alert svg,.auth-back svg,.button-arrow svg,.bubble-icon svg,.success-orbit svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-input input{width:100%;height:55px;padding:0 48px;border:1px solid var(--auth-border);border-radius:13px;outline:0;color:var(--auth-text);background:#fbfdfc;font:500 13px Inter,sans-serif;transition:.22s}.auth-input input::placeholder{color:#9aa8a7}.auth-input input:hover{border-color:#b9ccc8}.auth-input input:focus{border-color:var(--auth-green-mid);background:#fff;box-shadow:0 0 0 4px rgba(37,211,102,.13)}.auth-field.has-error input{border-color:var(--auth-danger);box-shadow:0 0 0 3px rgba(220,73,97,.08)}.password-toggle{position:absolute;right:11px;top:50%;width:34px;height:34px;padding:8px;transform:translateY(-50%);border:0;border-radius:8px;color:#778987;background:transparent;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:var(--auth-green-dark);background:#edf8f4;outline:0}.password-toggle .eye-open{display:none}.password-toggle.is-visible .eye-open{display:block}.password-toggle.is-visible .eye-closed{display:none}.field-error{display:flex;align-items:center;gap:6px;margin:6px 2px 0;color:var(--auth-danger);font-size:10px;animation:error-in .3s var(--auth-ease)}.field-error>span{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--auth-danger);font-size:8px;font-weight:800}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:1px 0 21px;color:#5d706e;font-size:11px}.auth-options>a{color:var(--auth-green-dark);font-weight:700;text-decoration:none}.auth-options>a:hover{text-decoration:underline}.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-checkbox input{position:absolute;opacity:0}.auth-checkbox>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid #c4d2d0;border-radius:5px;background:#fff;transition:.2s}.auth-checkbox input:checked+span{border-color:var(--auth-green-mid);background:var(--auth-green-mid)}.auth-checkbox input:checked+span::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.auth-checkbox input:focus-visible+span{box-shadow:0 0 0 3px rgba(37,211,102,.18)}.auth-submit{position:relative;width:100%;height:56px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--auth-green),var(--auth-green-mid));box-shadow:0 13px 26px rgba(18,140,126,.23);font:700 13px Inter,sans-serif;text-decoration:none;cursor:pointer;overflow:hidden;transition:.22s}.auth-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-110%);transition:.55s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(18,140,126,.3)}.auth-submit:hover::before{transform:translateX(110%)}.auth-submit:active{transform:translateY(0)}.auth-submit:focus-visible{outline:3px solid rgba(37,211,102,.3);outline-offset:3px}.auth-submit[disabled]{cursor:wait;opacity:.85}.button-arrow{position:absolute;right:18px;width:17px;height:17px}.button-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-submit.is-loading .button-spinner{display:block}.auth-submit.is-loading .button-arrow{display:none}.auth-alert{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:11px 13px;border-radius:10px;font-size:11px;animation:error-in .35s var(--auth-ease)}.auth-alert>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-weight:800}.auth-alert p{margin:0}.auth-alert-error{color:#a9273d;background:#fff0f2}.auth-alert-error>span{color:#fff;background:var(--auth-danger)}.auth-alert-success{color:#087052;background:#ecfdf5}.auth-alert-success>svg{width:20px;height:20px}.auth-captcha{margin-bottom:18px;overflow:hidden}.auth-security{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:27px;padding-top:21px;border-top:1px solid #edf1f0;color:#82918f;font-size:9px}.auth-security svg{width:15px;height:15px;color:var(--auth-green-mid)}.auth-back{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px;color:#526562;font-size:11px;font-weight:700;text-decoration:none}.auth-back svg{width:15px;height:15px}.auth-back:hover{color:var(--auth-green-dark)}.auth-footer{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:30px;padding:0 24px 22px;color:rgba(255,255,255,.45);font-size:9px}.auth-footer nav{display:flex;gap:17px}.auth-footer a{color:inherit;text-decoration:none}.auth-footer a:hover{color:#fff}.auth-success-state{text-align:center;padding-top:8px}.success-orbit{position:relative;width:74px;height:74px;margin:0 auto 25px;padding:21px;border-radius:50%;color:var(--auth-green-mid);background:#ecfdf5;box-shadow:0 0 0 11px #f5fcf8;animation:success-pop .6s var(--auth-ease) both}.success-orbit>i{position:absolute;right:-2px;bottom:1px;width:25px;height:25px;padding:6px;border:3px solid #fff;border-radius:50%;color:#fff;background:var(--auth-green-mid)}.auth-success-state .auth-link-button{margin-top:27px}.password-strength{display:flex;align-items:center;gap:9px;margin-top:7px;color:#8a9997;font-size:9px}.password-strength>div{display:flex;gap:4px;flex:1}.password-strength i{height:3px;flex:1;border-radius:3px;background:#dfe8e6;transition:.25s}.password-strength[data-level="1"] i:nth-child(1){background:#e05265}.password-strength[data-level="2"] i:nth-child(-n+2){background:#e9a23b}.password-strength[data-level="3"] i{background:var(--auth-green)}
.auth-bubble{position:fixed;z-index:2;min-width:190px;padding:12px 15px 12px 48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:#fff;background:rgba(9,42,40,.55);box-shadow:0 15px 40px rgba(0,0,0,.13);backdrop-filter:blur(12px);animation:bubble-in .7s .6s var(--auth-ease) both,float 6s 1.4s ease-in-out infinite}.bubble-icon{position:absolute;left:13px;top:13px;width:26px;height:26px;padding:6px;border-radius:8px;color:#87f2b1;background:rgba(37,211,102,.13)}.bubble-icon.sparkle{color:#fff;background:linear-gradient(135deg,var(--auth-green),var(--auth-green-mid))}.auth-bubble small,.auth-bubble strong{display:block}.auth-bubble small{color:rgba(255,255,255,.45);font-size:7px}.auth-bubble strong{margin-top:2px;font-size:9px}.auth-bubble-one{left:7%;top:22%}.auth-bubble-two{right:6%;top:35%;animation-delay:.8s,2s}.auth-bubble-three{left:10%;bottom:17%;animation-delay:1s,2.5s}
@keyframes page-in{from{opacity:0}to{opacity:1}}@keyframes surface-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes item-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes bubble-in{from{opacity:0;transform:translateY(15px)}to{opacity:.75;transform:none}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes drift{to{transform:translate(30px,25px)}}@keyframes particle{50%{opacity:.65;transform:translateY(-25px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes error-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes success-pop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:none}}
@media(max-width:1050px){.auth-bubble{opacity:.25!important}.auth-bubble-one{left:2%}.auth-bubble-two{right:2%}.auth-bubble-three{left:3%}}
@media(max-width:720px){.auth-page{display:block;min-height:100svh;background:#f5faf8}.auth-page::before{background:linear-gradient(180deg,#092d2d 0 180px,#f5faf8 380px)}.auth-background{display:none}.auth-main{display:block;padding:28px 16px 22px}.auth-surface{width:100%;max-width:520px;margin:auto;padding:27px 24px 25px;border-radius:22px;box-shadow:0 20px 60px rgba(3,37,34,.16)}.auth-tagline{margin-bottom:29px}.auth-heading h1,.auth-success-state h1{font-size:30px}.auth-bubble{display:none}.auth-footer{padding:0 20px 24px;color:#6d7e7b}.auth-footer a:hover{color:#075e54}}
@media(max-width:390px){.auth-main{padding-inline:10px}.auth-surface{padding-inline:19px}.auth-options{font-size:10px}.auth-heading h1{font-size:28px}}
@media(max-height:760px) and (min-width:721px){.auth-main{padding-block:28px}.auth-surface{padding-block:30px}.auth-tagline{margin-bottom:22px}.auth-heading{margin-bottom:20px}.auth-security{margin-top:21px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}