@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,500;0,600;0,700;1,100&display=swap');:root{font-family:'Poppins',sans-serif;line-height:1.5;font-weight:400;color-scheme:#000;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;}*{box-sizing:border-box;}body{width:100%;min-height:100vh;background:#fff;padding:0;margin:0;overflow-x:hidden;}.swal2-container.swal2-top{top:20px !important;left:50% !important;transform:translateX(-50%) !important;right:auto !important;}@media (max-width:768px){.swal2-container.swal2-top{top:15px !important;}}.email-error,.password-error{color:#ff3b30;font-size:12px;position:absolute;top:100%;left:0;margin-top:2px;display:none;animation:fadeIn 0.3s ease-in;z-index:10;}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}main{min-height:100vh;display:grid;grid-template-columns:repeat(2,1fr);padding:24px;}section{display:flex;flex-direction:column;align-items:center;justify-content:center;}.form{padding-right:24px;width:100%;max-width:480px;margin:0 auto;}.form__title{text-align:center;color:#030712;font-weight:600;font-size:clamp(24px,5vw,30px);margin:0 0 8px;}.form__description{color:#374151;text-align:center;margin:0 0 32px;font-size:clamp(14px,4vw,16px);}.form__animation{background-color:#f7f8fa;border-radius:24px;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}.d-flex{display:flex;}.flex-center{align-items:center;justify-content:center;}.mb-15{margin-bottom:15px;}.bg-white{background-color:white;}.shadow-light{box-shadow:0 0 10px rgba(0,0,0,0.1);}.rounded-circle{border-radius:50%;}.shadow{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}form{width:100%;max-width:420px;margin:0 auto;}.form-control__label{display:block;margin:14px 0 4px;color:#0d0c22;font-weight:500;font-size:clamp(14px,4vw,16px);}.form-control{height:clamp(44px,8vw,52px);display:block;width:100%;border:1px solid #6b7280;padding:12px 20px;transition:outline 200ms ease,box-shadow 200ms ease;border-radius:8px;outline:none;background-color:#fff;color:#0d0c22;margin-bottom:clamp(20px,4vw,28px);font-size:clamp(14px,4vw,16px);}.form-control:focus{border-color:#0d0c22;}.form-control:user-invalid{border-color:#dc2626;}.form-control:user-invalid:focus{border-color:#dc2626;}.password-field{position:relative;}.password-field svg{position:absolute;width:24px;height:24px;right:13px;top:50%;transform:translateY(-50%);cursor:pointer;}.verification-field{position:relative;margin-bottom:clamp(20px,4vw,28px);}.verification-field .form-control{margin-bottom:0;padding-right:120px;}.verify-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:calc(100% - 16px);padding:0 12px;border:none;background:#0d0c22;color:#fff;border-radius:8px;font-size:clamp(12px,3.5vw,14px);cursor:pointer;transition:.2s;white-space:nowrap;}.verify-button:hover{opacity:0.9;}.verify-button:disabled{background:#6b7280;cursor:not-allowed;}.form__submit{height:clamp(44px,8vw,52px);width:100%;display:block;background:#0d0c22;border-radius:100px;border:none;color:#fff;font-weight:600;font-size:clamp(14px,4vw,16px);cursor:pointer;transition:.2s;}.form__submit:hover{box-shadow:0 -1px 10px rgba(13,12,34,0.3);}.form__submit:disabled{opacity:0.7;cursor:not-allowed;}a{font-size:clamp(12px,3.5vw,14px);color:#0875e4;font-weight:500;text-decoration:none;}.form__footer{font-size:clamp(12px,3.5vw,14px);text-align:center;margin:clamp(24px,5vw,32px) 0 0;}.remember-me{display:flex;align-items:center;gap:8px;margin:16px 0 24px;font-size:clamp(12px,3.5vw,14px);color:#374151;}.password__settings{display:flex;justify-content:space-between;margin-bottom:clamp(20px,4vw,28px);flex-wrap:wrap;gap:12px;}.password__settings__remember{font-size:clamp(12px,3.5vw,14px);color:#0d0c22;font-weight:500;display:flex;align-items:center;cursor:pointer;}.password__settings a{font-size:clamp(12px,3.5vw,14px);color:#0875e4;font-weight:500;text-decoration:none;}.password__settings__remember input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;}.custom__checkbox{width:20px;height:20px;border-radius:6px;border:1px solid #6b7280;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;}.custom__checkbox svg{transform:scale(0);width:16px;height:16px;transition:transform 0.2s ease;}input:focus + .custom__checkbox{border-color:#0d0c22;box-shadow:0 0 0 4px rgb(0 0 0 / 10%);}input:checked + .custom__checkbox{background-color:#0875e4;border-color:#0875e4;}input:checked + .custom__checkbox svg{transform:scale(1);color:white;}.ball{width:300px;height:300px;padding:1px;border-radius:100%;background:#0875e4;animation:bounce 3s ease-out forwards;transform:translateY(calc(-50vh - 116px));}@keyframes bounce{5%{height:300px;width:300px;}10%{height:300px;width:280px;}15%{height:280px;width:320px;transform:translateY(0);}20%{height:300px;width:320px;}25%{transform:translateY(-200px);}30%{height:300px;width:300px;}35%{height:300px;width:280px;}40%{height:280px;width:320px;transform:translateY(0);}45%{height:300px;width:320px;}50%{transform:translateY(-160px);}55%{height:300px;width:300px;}60%{height:300px;width:280px;}65%{height:280px;width:320px;transform:translateY(0);}70%{height:300px;width:320px;}75%{transform:translateY(-60px);}80%{height:300px;width:280px;}85%{height:280px;width:320px;transform:translateY(-20px);}90%{height:300px;width:320px;}100%{transform:translateY(0);}}.ball__eyes{display:flex;gap:60px;margin-top:50px;justify-content:center;}.eye{background:#fff;width:30px;height:30px;border-radius:100%;padding:3px;display:block;}.eye:before{content:"";width:15px;height:15px;background:#000;border-radius:100%;display:block;}.ball__mouth{width:30px;height:30px;border-radius:100%;background:#000;margin:10px auto;clip-path:polygon(100% 50%,100% 100%,0 100%,0 50%);transition:.3s;}.eye_wrap{overflow:hidden;animation:blink 5s infinite;width:30px;height:30px;transition:.3s;}#face,#ball{transition:.3s;}#ball.sad .eye_wrap:first-child{clip-path:polygon(67% 0,100% 0,100% 50%,100% 100%,0 100%,0% 50%);}#ball.sad .eye_wrap:last-child{clip-path:polygon(0 0,43% 0,100% 50%,100% 100%,0 100%,0% 50%);}#ball.sad .ball__mouth{transform:scaleY(-1.05);}#ball.sad{animation:shake 1.5s;}@keyframes shake{0%{transform:rotateY(0);}25%{transform:rotateY(-15deg);}50%{transform:rotateY(15deg);}100%{transform:rotateY(0);}}@keyframes blink{0%,100%{transform:scale(1,.05);}5%,95%{transform:scale(1,1);}}.ball__shadow{background:rgb(0 0 0 / 5%);box-shadow:0 0 10px rgb(0 0 0 / 6%);height:20px;width:240px;border-radius:50%;transform:scale(0.1);animation:shrink 3s forwards;}@keyframes shrink{5%,25%,50%,75%{transform:scale(0.1);}15%,40%,65%,100%{transform:scale(1.1);}}#ball.look_at{transform:rotate(-17deg);}@media (max-width:1024px){main{grid-template-columns:1fr;min-height:100dvh;padding:clamp(16px,4vw,24px);}.form{padding:0;margin:auto;width:min(100%,420px);}.form__animation{display:none;}}@media (max-width:480px){main{padding:16px;}.form{padding:0;}.form__title{margin-bottom:4px;}.form__description{margin-bottom:24px;}}