.auth-page-root{color:#fff;background:#080604;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.auth-bg-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-spotlight{filter:blur(140px);opacity:.35;border-radius:50%;width:700px;height:700px;position:absolute}.ambient-left{background:radial-gradient(circle,#9e1b0e 0%,#4a0b07 60%,#0000 100%);top:-100px;left:-150px}.ambient-right{opacity:.22;background:radial-gradient(circle,#f4b63d 0%,#b86e0a 50%,#0000 100%);bottom:-150px;right:-100px}.ambient-star-motif{background:radial-gradient(circle,#f4b63d14 0%,#0000 70%);width:550px;height:550px;position:absolute;top:15%;left:10%;transform:rotate(45deg)}.auth-top-header{z-index:20;justify-content:space-between;align-items:center;width:100%;max-width:1440px;height:76px;margin:0 auto;padding:0 40px;display:flex;position:relative}.auth-brand-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon-box{background:#f4b63d1f;border:1px solid #f4b63d4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-text{letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#ffd879 0%,#f4b63d 60%,#e09315 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:900}.auth-close-btn{color:#ffd879;background:#f4b63d14;border:1px solid #f4b63d40;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.auth-close-btn:hover{color:#140d08;background:#f4b63d;border-color:#ffd879;transform:translateY(-1px)}.auth-main-container{z-index:10;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(380px,480px);align-items:center;gap:60px;width:100%;max-width:1320px;margin:0 auto;padding:10px 40px 50px;display:grid;position:relative}.auth-hero-col{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-visual-card{flex-direction:column;align-items:center;width:100%;max-width:580px;display:flex;position:relative}.hero-star-glow{filter:blur(50px);z-index:0;pointer-events:none;background:radial-gradient(circle,#9e1b0e59 0%,#f4b63d26 50%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-character-box{z-index:1;filter:drop-shadow(0 20px 40px #000c);justify-content:center;width:100%;max-width:460px;display:flex;position:relative}.hero-character-img{object-fit:contain;width:100%;height:auto;animation:5s ease-in-out infinite alternate subtleFloat}@keyframes subtleFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-reward-pill{z-index:2;background:linear-gradient(135deg,#1f140e 0%,#120b07 100%);border:1.5px solid #f4b63d73;border-radius:999px;align-items:center;gap:12px;margin-top:-20px;padding:10px 22px;display:flex;position:relative;box-shadow:0 10px 30px #000c,0 0 20px #f4b63d40}.pill-coin-badge{font-size:24px}.pill-info{flex-direction:column;display:flex}.pill-amount{color:#ffd879;letter-spacing:.02em;font-size:16px;font-weight:900}.pill-subtitle{letter-spacing:.12em;color:#ffffffb3;font-size:10px;font-weight:800}.hero-features-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.hero-feature-item{color:#fffc;background:#f4b63d0f;border:1px solid #f4b63d29;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.auth-card-col{justify-content:center;width:100%;display:flex}.auth-card-wrap{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#120c08f0;border:1px solid #f4b63d40;border-radius:24px;width:100%;max-width:480px;padding:36px 36px 32px;position:relative;box-shadow:0 24px 60px #000000d9,inset 0 1px #ffd8791a}.auth-card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-badge{background:#f4b63d1a;border:1px solid #f4b63d4d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex;box-shadow:0 0 18px #f4b63d40}.auth-main-title{color:#fff;letter-spacing:-.01em;font-size:26px;font-weight:900}.auth-main-subtext{color:#fff9;margin-top:6px;font-size:13.5px;line-height:1.45}.auth-error-banner{color:#ef4444;text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:700}.social-auth-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.social-pill-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;height:46px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000004d}.social-pill-btn:hover{background:#f4f4f5;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.social-icon.google-color{color:#ea4335}.social-icon.facebook-color{color:#1877f2}.social-icon.apple-color{color:#000}.auth-divider-row{align-items:center;gap:14px;margin:10px 0 6px;display:flex}.divider-line{background:#f4b63d2e;flex:1;height:1px}.divider-text{letter-spacing:.1em;color:#ffffff73;font-size:11px;font-weight:800}.auth-form-fields{flex-direction:column;gap:16px;display:flex}.form-input-group{flex-direction:column;gap:6px;display:flex}.input-field-label{color:#ffd879d9;letter-spacing:.02em;font-size:12.5px;font-weight:700}.input-field-box{background:#0e0906;border:1.5px solid #f4b63d40;border-radius:12px;align-items:center;height:48px;padding:0 14px;transition:all .2s;display:flex;position:relative}.input-field-box:focus-within{background:#140d08;border-color:#f4b63d;box-shadow:0 0 18px #f4b63d40}.input-left-icon{color:#f4b63d99;flex-shrink:0;margin-right:10px}.auth-text-input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px;font-weight:600}.auth-text-input::placeholder{color:#ffffff4d}.password-toggle-btn{color:#ffd87999;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.password-toggle-btn:hover{color:#f4b63d}.field-error-msg{color:#ef4444;margin-top:2px;font-size:11.5px;font-weight:600}.auth-options-row{justify-content:space-between;align-items:center;margin-top:-2px;margin-bottom:4px;display:flex}.checkbox-wrap{cursor:pointer;align-items:center;gap:8px;display:flex}.custom-checkbox{accent-color:#f4b63d;cursor:pointer;width:16px;height:16px}.checkbox-label{color:#ffffffb3;font-size:13px;font-weight:600}.forgot-password-link{color:#ffd879cc;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700;transition:color .2s}.forgot-password-link:hover{color:#f4b63d;text-decoration:underline}.form-terms-row{margin-top:-2px}.auth-submit-btn{letter-spacing:.02em;color:#241305;cursor:pointer;border-radius:999px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:900;box-shadow:0 4px 18px #b86e0a66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-to-login-btn{color:#ffd879;cursor:pointer;background:0 0;border:1px solid #f4b63d33;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:4px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.back-to-login-btn:hover{background:#f4b63d1a;border-color:#f4b63d}.auth-success-card{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.auth-card-footer{text-align:center;border-top:1px solid #f4b63d1f;margin-top:24px;padding-top:18px}.footer-toggle-text{color:#fff9;font-size:13.5px}.toggle-action-link{color:#f4b63d;cursor:pointer;background:0 0;border:0;margin-left:4px;font-weight:800;text-decoration:underline;transition:color .2s}.toggle-action-link:hover{color:#ffd879}@media screen and (max-width:1100px){.auth-main-container{grid-template-columns:1fr;gap:40px;padding:10px 20px 40px}.auth-hero-col{display:none}.auth-card-wrap{max-width:440px;padding:30px 24px}}@media screen and (max-width:768px){.auth-top-header{height:64px;padding:0 18px}.close-text{display:none}.auth-card-wrap{border-radius:20px;padding:26px 18px}.auth-main-title{font-size:22px}}