.auth-page{background:var(--color-bg-primary);flex-direction:row;align-items:stretch;height:100dvh;display:flex;overflow:hidden}.auth-lore{background-image:url(/images/hero-bg-new.webp);background-position:50%;background-size:cover;flex:1.2;justify-content:center;align-items:center;padding:80px 60px 40px;display:flex;position:relative}.auth-lore:before{content:"";background:linear-gradient(135deg,#0a0a0f66 0%,#0a0a0fe6 100%);position:absolute;inset:0}.auth-lore__content{z-index:1;text-align:center;max-width:600px;position:relative}.auth-lore__title{font-family:var(--font-heading);color:var(--color-gold);text-shadow:0 4px 20px #000c;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2}.auth-lore__text{font-family:var(--font-body);color:#e0e0e0;text-shadow:0 2px 10px #000c;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7}.auth-form-container{background:var(--color-bg-primary);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:450px;min-height:0;padding:100px 40px 40px;display:flex;position:relative;overflow-y:auto}.auth-page__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.auth-page__bg-pattern{background-image:radial-gradient(at 20%,#c8a96e0d 0%,#0000 50%),radial-gradient(at 80% 20%,#c8a96e08 0%,#0000 50%);position:absolute;inset:0}.auth-page__bg-pattern:before,.auth-page__bg-pattern:after{content:"";position:absolute;inset:0}.auth-page__bg-pattern:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 50px,#c8a96e04 50px 51px),repeating-linear-gradient(90deg,#0000,#0000 50px,#c8a96e04 50px 51px)}.auth-page__bg-overlay{background:radial-gradient(#0000 0%,#0a0a0fb3 100%);position:absolute;inset:0}.auth-page__particles{pointer-events:none;position:absolute;inset:0}.auth-particle{background:var(--color-gold);opacity:0;border-radius:50%;width:3px;height:3px;animation:linear infinite authParticleFloat;position:absolute;bottom:-10px;box-shadow:0 0 6px #c8a96e66}.auth-particle:nth-child(odd){width:2px;height:2px}.auth-particle:nth-child(3n){width:4px;height:4px;box-shadow:0 0 10px #c8a96e80}@keyframes authParticleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(0)}10%{opacity:.8;transform:scale(1)}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh)translate(30px)scale(.5)}}.auth-card{z-index:1;background:0 0;width:100%;max-width:clamp(320px,80%,550px);margin:auto;padding:10px 0;animation:.8s forwards cardAppear;position:relative}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card__logo{justify-content:center;align-items:center;gap:12px;margin-bottom:clamp(10px,2vh,20px);display:flex}.auth-card__logo-icon{color:var(--color-gold);opacity:.8}.auth-card__logo-text{font-family:var(--font-heading);color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold), var(--color-gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700}.auth-card__header{text-align:center;margin-bottom:clamp(12px,2vh,24px)}.auth-card__title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:1px;margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.auth-card__subtitle{font-family:var(--font-body);color:var(--color-text-muted);font-size:clamp(.9rem,1.2vw,1.1rem)}.auth-form__group{margin-bottom:clamp(10px,2vh,16px)}.auth-form__label{font-family:var(--font-heading);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:clamp(.8rem,1vw,.95rem);display:block}.auth-form__input-wrapper{align-items:center;display:flex;position:relative}.auth-form__input{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);background:#0a0a0f80;border-radius:8px;padding:clamp(14px,2vh,18px) 16px clamp(14px,2vh,18px) 46px;font-size:clamp(.9rem,1.2vw,1.1rem);transition:all .3s}.auth-form__input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0a0a0fe6;-webkit-text-fill-color:#fff!important}.auth-form__input:-webkit-autofill:hover{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0a0a0fe6;-webkit-text-fill-color:#fff!important}.auth-form__input:-webkit-autofill:focus{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0a0a0fe6;-webkit-text-fill-color:#fff!important}.auth-form__input:-webkit-autofill:active{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px #0a0a0fe6;-webkit-text-fill-color:#fff!important}.auth-form__input:focus{border-color:var(--color-gold);background:#c8a96e0d;outline:none;box-shadow:0 0 0 3px #c8a96e1a}.auth-form__select{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;background:#0a0a0f80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:8px;padding:clamp(14px,2vh,18px) 32px clamp(14px,2vh,18px) 16px;font-size:clamp(.9rem,1.2vw,1.1rem);transition:all .3s}.auth-form__select:focus{border-color:var(--color-gold);background-color:#c8a96e0d;outline:none;box-shadow:0 0 0 3px #c8a96e1a}.auth-phone-input .react-tel-input .form-control{border:1px solid var(--color-border);width:100%;height:auto;color:var(--color-text-primary);font-family:var(--font-body);background:#0a0a0f80;border-radius:8px;padding:clamp(14px,2vh,18px) 16px clamp(14px,2vh,18px) 64px;font-size:clamp(.9rem,1.2vw,1.1rem);transition:all .3s}.auth-phone-input .react-tel-input .form-control:focus{border-color:var(--color-gold);background-color:#c8a96e0d;outline:none;box-shadow:0 0 0 3px #c8a96e1a}.auth-phone-input .react-tel-input .flag-dropdown{border:none!important;border-right:1px solid var(--color-border)!important;background:0 0!important;border-radius:8px 0 0 8px!important}.auth-phone-input .react-tel-input .flag-dropdown:hover,.auth-phone-input .react-tel-input .flag-dropdown.open{background:#ffffff0d!important;border-radius:8px 0 0 8px!important}.auth-phone-input .react-tel-input .selected-flag{background:0 0!important;width:52px!important;padding:0 0 0 16px!important}.auth-phone-input .react-tel-input .selected-flag .arrow{border-top:4px solid var(--color-gold)!important}.auth-phone-input .react-tel-input .selected-flag .arrow.up{border-bottom:4px solid var(--color-gold)!important;border-top:none!important}.auth-phone-input .react-tel-input .country-list{border:1px solid var(--color-gold)!important;color:#fff!important;background:#12121a!important;border-radius:8px!important;margin-top:4px!important}.auth-phone-input .react-tel-input .search{background-color:#0a0a0f!important;padding:10px!important}.auth-phone-input .react-tel-input .search-emoji,.auth-phone-input .react-tel-input .search-icon{display:none!important}.auth-phone-input .react-tel-input .search-box{border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;background-color:#ffffff0d!important;border-radius:6px!important;width:100%!important;margin:0!important;padding:8px 12px!important}.auth-phone-input .react-tel-input .search-box::placeholder{color:var(--color-text-muted)!important}.auth-phone-input .react-tel-input .country-list .country:hover,.auth-phone-input .react-tel-input .country-list .country.highlight{background:#c8a96e33!important}.auth-phone-input .react-tel-input .country-list .divider{border-bottom:1px solid var(--color-border)}.auth-form__input-icon{color:var(--color-text-muted);transition:color .3s;position:absolute;left:16px}.auth-form__input:focus+.auth-form__input-icon{color:var(--color-gold)}.auth-form__toggle-password{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex;position:absolute;right:16px}.auth-form__toggle-password:hover{color:var(--color-text-secondary)}.auth-form__options{justify-content:space-between;align-items:center;margin-bottom:clamp(10px,2vh,20px);display:flex}.auth-form__checkbox-label{cursor:pointer;font-family:var(--font-body);color:var(--color-text-secondary);align-items:center;gap:10px;font-size:.85rem;display:flex}.auth-form__checkbox{display:none}.auth-form__checkbox-custom{border:1px solid var(--color-border);background:#0a0a0f80;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.auth-form__checkbox:checked+.auth-form__checkbox-custom{background:var(--color-gold);border-color:var(--color-gold)}.auth-form__checkbox:checked+.auth-form__checkbox-custom:after{content:"";border:2px solid #0a0a0f;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.auth-form__forgot,.auth-form__forgot-link{font-family:var(--font-body);color:var(--color-gold);font-size:.85rem;text-decoration:none;transition:color .3s}.auth-form__forgot:hover,.auth-form__forgot-link:hover{color:var(--color-gold-light);text-decoration:underline}.auth-form__submit-btn{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:#0a0a0f;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:clamp(10px,2vh,16px) 24px;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-form__submit-btn:before{content:"";background:linear-gradient(45deg,#0000,#ffffff26,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.auth-form__submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c8a96e4d,0 0 40px #c8a96e26}.auth-form__submit-btn:hover:before{transform:translate(100%)}.auth-form__submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-form__loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite authSpin;display:inline-block}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-card__error{color:#ff6b6b;font-family:var(--font-body);text-align:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;margin-bottom:20px;padding:12px;font-size:.85rem}.auth-form__divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-form__divider-line{background:linear-gradient(90deg, transparent, var(--color-border-hover), transparent);flex:1;height:1px}.auth-form__divider-text{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-size:clamp(.75rem,1vw,.9rem)}.auth-form__social{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-form__social-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;background:#0a0a0f80;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:clamp(.8rem,1vw,.95rem);transition:all .3s;display:flex}.auth-form__social-btn:hover{border-color:var(--color-border-hover);background:#1a1a2ecc;transform:translateY(-1px)}.auth-form__social-btn--discord:hover{color:#5865f2;border-color:#5865f266;box-shadow:0 0 16px #5865f21a}.auth-form__social-btn--google:hover{border-color:#4285f466;box-shadow:0 0 16px #4285f41a}.auth-card__footer{text-align:center;border-top:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(12px,2vh,24px);padding-top:clamp(10px,2vh,16px);font-size:clamp(.9rem,1.2vw,1.1rem);display:flex}.auth-card__footer-link{color:var(--color-gold);font-weight:600;text-decoration:none;transition:color .3s}.auth-card__footer-link:hover{color:var(--color-gold-light);text-decoration:underline}@media (max-width:992px){.auth-lore{display:none}.auth-form-container{min-width:100%;padding:100px 20px 40px}.auth-form-container::-webkit-scrollbar{width:6px}.auth-form-container::-webkit-scrollbar-track{background:0 0}.auth-form-container::-webkit-scrollbar-thumb{background:#c8a96e4d;border-radius:10px}}.auth-form__recaptcha{justify-content:center;min-height:78px;margin:15px 0;display:flex}