@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");
:root{--artopia-bg:#090909;--artopia-text:#fff;--artopia-muted:rgba(255,255,255,.58);--artopia-accent:#ffcc00}
#app{min-height:72vh;background:#090909!important;color:#fff!important;padding:88px 0 100px}
#app,#app p,#app a,#app label,#app input,#app textarea,#app select,#app button,#app span{font-family:"Archivo",sans-serif!important;font-weight:400!important;font-stretch:110%!important;font-variation-settings:"wdth" 110,"wght" 400!important}
#app h1,#app h2,#app h3,#app h4,#app h1 *,#app h2 *,#app h3 *,#app h4 *{font-family:"Archivo",sans-serif!important;font-weight:300!important;font-stretch:65%!important;font-variation-settings:"wdth" 65,"wght" 300!important}
#app .container,#app .container-fluid{width:90%!important;max-width:1440px!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}
#app .login-section,#app .signup-section,#app .password-recovery,#app .reset-password,#app .tv-login,#app .section-padding{padding:0!important;background:#090909!important}
#app .sign-form-layout,#app .login-form,#app .signup-form,#app form{width:100%!important;max-width:620px!important;margin-right:auto!important;margin-left:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#app .sign-form-layout h1,#app .sign-form-layout h2,#app .login-form h1,#app .signup-form h1,#app form h1{margin:0 0 18px!important;color:#fff!important;font-size:clamp(42px,5.5vw,72px)!important;line-height:.94!important;letter-spacing:-.025em!important;text-align:left!important}
#app .subtext,#app form>p,#app .sign-form-layout>p{color:var(--artopia-muted)!important;text-align:left!important}
#app .form-group{margin-bottom:18px!important}
#app .form-control,#app input:not([type=checkbox]):not([type=radio]),#app textarea,#app select{width:100%!important;min-height:54px!important;padding:13px 15px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:0!important;background:#111!important;color:#fff!important;font-size:15px!important;box-shadow:none!important}
#app textarea{min-height:180px!important;resize:vertical!important}
#app .form-control:focus,#app input:focus,#app textarea:focus,#app select:focus{border-color:var(--artopia-accent)!important;outline:0!important;box-shadow:0 0 0 1px var(--artopia-accent)!important}
#app input::placeholder,#app textarea::placeholder{color:rgba(255,255,255,.4)!important}
#app .primary-button,#app button[type=submit],#app .get-otp-btn,#app .otp-verify-btn{display:inline-flex!important;min-height:50px!important;align-items:center!important;justify-content:center!important;padding:13px 24px!important;border:1px solid var(--artopia-accent)!important;border-radius:0!important;background:var(--artopia-accent)!important;color:#090909!important;font-size:15px!important;line-height:1!important;text-transform:none!important;box-shadow:none!important}
#app .primary-button:hover,#app button[type=submit]:hover{background:#fff!important;border-color:#fff!important;color:#090909!important}
#app a{color:#fff!important;text-decoration:none!important}#app a:hover{color:var(--artopia-accent)!important}
#app .google,#app .apple,#app .facebook{border-color:rgba(255,255,255,.42)!important;background:transparent!important;color:#fff!important}
#app .or{color:var(--artopia-muted)!important}
#app .raiden-breadcrumb{display:flex!important;min-height:230px!important;align-items:flex-end!important;margin-top:-88px!important;padding:0 0 46px!important;background:#090909!important;background-image:none!important;position:relative!important}
#app .raiden-breadcrumb:before{display:none!important;content:none!important}
#app .raiden-breadcrumb:after{position:absolute;right:max(5%,calc((100% - 1440px)/2));bottom:0;left:max(5%,calc((100% - 1440px)/2));height:1px;background:#fff;content:""}
#app .raiden-breadcrumb .container{position:relative;z-index:1}
#app .raiden-breadcrumb h1{margin:0!important;color:#fff!important;font-size:clamp(42px,5vw,68px)!important;line-height:.95!important;text-align:left!important}
#app .contact-us.section-padding{padding-top:70px!important}
#app .contact-info{color:var(--artopia-muted)!important}
#app .invalid-feedback{color:#ff8b78!important;font-size:12px!important}
@media(max-width:700px){#app{padding:60px 0 72px}#app .sign-form-layout,#app .login-form,#app .signup-form,#app form{max-width:90%!important}#app .raiden-breadcrumb{margin-top:-60px!important;min-height:190px!important}}