.phone-input-wrapper{width:100%;height:fit-content}.phone-input-wrapper input{width:100%;min-height:40px;height:auto;background-color:#1116;color:#f1f1f1;font-size:16px;font-weight:400;border:none;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(10px);padding:12px 30px 12px 35px}.phone-input-wrapper .phone-icon{width:15px;height:auto;position:absolute;z-index:2;right:15px;top:50%;transform:translateY(-50%)}.phone-input-wrapper #phone-input-flag-area{width:auto;height:100%;position:absolute;padding:0 8px;left:0;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.phone-input-wrapper #phone-input-flag-img{width:20px;height:auto}.phone-input-wrapper .country-dropdown{position:absolute;top:100%;right:0;left:0;z-index:3;width:max-content;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001a;font-family:system-ui,sans-serif}.phone-input-wrapper .country-dropdown-item{display:flex;align-items:center;padding:6px 12px;gap:8px;cursor:pointer;font-size:14px;color:#333}.phone-input-wrapper .country-dropdown-item:hover{background:#f0f0f0}.phone-input-wrapper .country-flag{width:20px;height:auto;flex-shrink:0;cursor:pointer}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;position:relative;font-family:Inter,sans-serif}button{border:none;outline:none}:root{--info-message-bg: #fcfcfc;--info-message-text: #1d1d1d}#info-message{width:fit-content;height:fit-content;max-width:calc(100% - 20px);padding:8px;font-size:15px;line-height:1.6;background-color:var(--info-message-bg);color:var(--info-message-text);border:none;outline:none;border:1px solid rgba(166,166,166,.659);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;position:fixed;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;z-index:10;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;pointer-events:none}#auth-screen{width:100%;min-height:100dvh;padding:5vw 4vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#036;background-image:linear-gradient(315deg,#036,#242124 74%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#auth-screen #logo{width:fit-content;height:fit-content;text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;position:absolute;top:20px;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#auth-screen #logo svg{width:26px;height:auto}#auth-screen #logo span{font-size:14px;color:#f4f4f4}#auth-screen h1{width:100%;color:#ececec;text-align:center;font-size:clamp(1.5rem,2vw + 1rem,2rem);margin-bottom:1rem}#auth-screen p{width:100%;text-align:center;line-height:1.6;color:#ccc;font-size:16px;margin-top:20}#auth-screen .form{width:100%;max-width:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;margin-top:10px}#auth-screen #auth-otp-input{width:100%;padding:14px;font-size:18px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background-color:#0a0f2c;color:#fff;font-weight:500;outline:none;transition:border-color .2s ease,background-color .2s ease}#auth-screen #auth-phone-input:focus,#auth-screen #auth-otp-input:focus{border-color:#fff;background-color:#10173f}#auth-screen #auth-phone-input::placeholder,#auth-screen #auth-otp-input::placeholder{color:#fff6;font-weight:400}#auth-screen #auth-otp-input{text-align:center;letter-spacing:8px;font-size:20px}#auth-screen .auth-button{width:100%;padding:10px;border:none;border-radius:999px;background:#3278c7;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;-o-transition:background .3s ease}#auth-screen .auth-button:hover{background:#3a7bd5}#auth-screen .form #otp-section{flex-direction:column;gap:1rem;margin-top:1rem;display:none;pointer-events:none}#auth-screen .form #otp-section.show{display:flex;pointer-events:auto}#auth-screen #create-account-link{width:100%;text-align:center;color:#ececec;margin-top:15px}