:root{--neon-green: #7fff00;--btn-gradient-start: #a0f060;--btn-gradient-end: #40e0d0;--text-white: #ffffff;--input-bg: #ffffff;--error-red: #ff3333}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0);touch-action:manipulation}.auth-container{position:relative;width:100%;min-height:100%;min-height:100dvh;background-image:url(/assets/background-BXfjBHwO.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-color:#0a0e27;display:flex;flex-direction:column;align-items:center;padding-bottom:20%;box-sizing:border-box}.logo-section{width:80%;max-width:320px;margin-bottom:40px;margin-top:auto}.dashed-box{border:2px dashed rgba(255,255,255,.5);border-radius:12px;padding:20px 0;text-align:center;position:relative}.logo-img{width:286px;height:auto;display:block;margin:0 auto 5px}.logo-placeholder{font-size:60px;display:none}.logo-img[style*="display: none"]+.logo-placeholder{display:block}.welcome-text{margin:0;font-size:36px;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right,#7fff00,#00fa9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.3)}.form-container{width:85%;max-width:340px;display:flex;flex-direction:column;gap:15px;margin-bottom:auto}.input-wrapper{position:relative;width:100%;height:54px;margin-bottom:15px}.custom-input{width:100%;height:100%;border-radius:27px;border:none;background:var(--input-bg);font-size:15px;color:#333;box-sizing:border-box;outline:none;padding:0 45px 0 25px}.icon-left+.custom-input{padding-left:45px}.custom-input::placeholder{color:#999}.icon-left{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.input-icon-img{width:100%;height:100%;object-fit:contain}.action-right{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.eye-icon{width:18px;height:auto;cursor:pointer;opacity:.6}.forget-text{font-size:13px;color:#999;cursor:pointer}.send-code-text{font-size:13px;color:#00c853;font-weight:700;cursor:pointer;padding-left:10px;border-left:1px solid #eee;white-space:nowrap}.error-text{color:var(--error-red);font-size:12px;text-align:center;margin-top:-5px;margin-bottom:5px;font-weight:700}.submit-btn{width:100%;height:54px;border-radius:27px;border:none;background:linear-gradient(90deg,var(--btn-gradient-start),var(--btn-gradient-end));box-shadow:0 4px 15px #00ff7f66;color:#000;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px;transition:transform .1s}.submit-btn:active{transform:scale(.98)}.bottom-link{text-align:center;color:#fffc;font-size:14px;margin-top:15px;cursor:pointer}.bottom-link:hover{color:#fff;text-decoration:underline}.back-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0}.profile-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;box-sizing:border-box}.profile-edit-label{color:#ffffffe6;font-size:16px}.page-title{font-size:18px;font-weight:600}.avatar-section{display:flex;flex-direction:column;align-items:center;margin:30px 0 50px}.avatar-wrapper{position:relative;width:100px;height:100px;margin-bottom:10px}.avatar-circle{width:100px;height:100px;border-radius:50%;background-color:#2c3e50;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.avatar-img{width:100%;height:100%;object-fit:cover}.add-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fffc;pointer-events:none}.change-avatar-text{color:#ffffffb3;font-size:14px}.profile-form{width:85%;max-width:340px;display:flex;flex-direction:column}.gender-container{display:flex;width:100%;gap:15px;margin-bottom:30px}.gender-btn{flex:1;height:50px;background-color:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#333;transition:all .3s ease;border:2px solid transparent}.gender-btn.male.active{background-color:#00c853;color:#fff;border-color:#00c853}.gender-btn.female.active{background-color:#ff4081;color:#fff;border-color:#ff4081}.gender-icon{margin-right:8px;font-size:18px}.bottom-tab-bar{position:fixed;bottom:0;left:0;width:100%;height:70px;background-color:#0a0e27;display:flex;justify-content:space-around;align-items:center;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -2px 10px #00000080;z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80;font-size:12px;cursor:pointer;flex:1;height:100%}.tab-item.active{color:#7fff00}.tab-icon{font-size:24px;margin-bottom:4px;display:block}.home-icon:before{content:"🏠"}.me-icon:before{content:"👤"}