@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.splash-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-color:#fff;font-family:Inter,sans-serif}.splash-content{max-width:45rem;width:100%;background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #0000001a;overflow:hidden;text-align:center;padding:2rem 1.5rem}.splash-image{width:100%;max-width:20rem;height:auto;margin:0 auto 2rem;border-radius:1rem;object-fit:contain}.title1{font-size:2rem;font-weight:800;color:#111827;line-height:1.25;margin-bottom:1rem}@media(min-width:640px){.title{font-size:2.25rem}}@media(min-width:768px){.title{font-size:3rem}}.subtitle{font-size:.9rem;color:#4b5563;margin-bottom:2rem}@media(min-width:640px){.subtitle{font-size:1rem}}.continue-btn{width:100%;padding:.75rem 1.5rem;background-color:#facc15;color:#fff;font-weight:600;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 5px 15px #eab3084d;transition:all .3s ease}.continue-btn:hover{background-color:#f59e0b;transform:scale(1.05)}.continue-btn:focus{outline:none;box-shadow:0 0 0 4px #facc1580}#register-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:0;position:relative;margin-bottom:10px}#top-bar{position:relative;width:100%;height:50px;background:linear-gradient(#ffc900,#f90);border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;z-index:1}#logo{position:absolute;top:5px;width:40px;height:40px;background:#fff;border-radius:50%;padding:5px;box-shadow:0 4px 6px #00000026;object-fit:contain;z-index:3}#chart-img{margin:30px 0 0;z-index:2}#card{background:linear-gradient(#ffc900,#f90);border-radius:20px;padding:25px;box-shadow:0 6px 15px #00000026;width:95%;min-height:30vh;text-align:center;margin-top:40px;z-index:2}#register-title{font-size:22px;font-weight:700;color:#333;margin-bottom:20px}#input-group{background:#fff;border-radius:25px;border:1px solid #fbc02d;padding:12px 15px;margin-bottom:15px;display:flex;align-items:center}#input-group input{flex-grow:1;border:none;outline:none;font-size:15px;color:#333}#verification-row{display:flex;gap:10px;margin-bottom:20px}#verification-row input{flex-grow:1;border:1px solid #fbc02d;border-radius:25px;padding:12px 15px;font-size:15px;outline:none}#send-btn{background:linear-gradient(to right,#ffb74d,#ffa726);border:none;border-radius:25px;padding:12px 20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 4px 10px #ffa72666}#send-btn:hover{background:linear-gradient(to right,#ffa726,#fb8c00);transform:scale(1.05)}#Register-btn{width:46%;padding:14px;background:linear-gradient(to right,#ffa726,#fb8c00);border:none;border-radius:25px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:5vh;transition:.3s;box-shadow:0 5px 12px #eab3084d}#Register-btn:hover{background:linear-gradient(to right,#ffa726,#fb8c00);transform:scale(1.05)}#login-text{margin-top:40px;font-size:14px;color:#555}#login-link{color:#000;font-weight:600;cursor:pointer}#login-link:hover{text-decoration:underline}body{font-family:Inter,sans-serif;background-color:#f7f5f2;margin:0;padding:0}.login-container{display:flex;flex-direction:column;align-items:center;height:100vh;box-sizing:border-box;overflow:scroll}.top-bar{width:100%;height:120px;background:linear-gradient(#ffc900,#f90);border-bottom-left-radius:50% 40px;border-bottom-right-radius:50% 40px;display:flex;justify-content:center;align-items:center}.logo{background:#fff;border-radius:50%;padding:.5rem;width:3rem;height:3rem;object-fit:contain;box-shadow:0 4px 8px #00000026}.top-background{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,#ffedd580,#fff);border-radius:0 0 50% 50%;transform:scaleX(1.5);z-index:0}.logo-container{position:absolute;top:30px;left:50%;transform:translate(-50%);z-index:10}.logo-circle{background-color:#fff;padding:.5rem;border-radius:50%;box-shadow:0 4px 8px #0000001a}.logo-img{width:3rem;height:3rem;object-fit:contain}.chart-img{margin:1rem;width:100%;height:auto;object-fit:contain;z-index:10}.login-card{background:linear-gradient(#ffc900,#f90);border:2px solid #fbc02d;border-radius:1.5rem;padding:2rem;width:94%;box-shadow:0 10px 25px #0000001a;text-align:left;margin-top:25px;z-index:10}.card-header1{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.login-title{margin:0;font-size:1.5rem;font-weight:700;color:#374151}.register-link{margin-top:3vh;margin-left:1vh;background:none;border:none;color:#000;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s ease;text-decoration:underline}.Forget22{display:flex;justify-content:end}.input-section{display:flex;flex-direction:column;gap:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.5rem}.input-box-container{display:flex;border:1px solid #ffffff;border-radius:9999px;overflow:hidden;transition:all .2s ease}.input-box-container:focus-within{border-color:#fbc02d;box-shadow:0 0 0 3px #fbc02d66}.country-code{display:flex;align-items:center;padding:0 1rem;background-color:#f9fafb;border-right:1px solid #d1d5db;color:#6b7280;font-size:.95rem}.input-field{flex-grow:1;padding:.9rem 1rem;border:none;outline:none;font-size:.95rem;background:transparent}.input-field-full{width:100%;padding:.9rem 1rem;border:1px solid #d1d5db;border-radius:9999px;font-size:.95rem;outline:none;transition:all .2s ease}.input-field-full:focus{border-color:#fbc02d;box-shadow:0 0 0 3px #fbc02d66}.login-btn{width:100%;padding:.9rem;background:#fbc02d;border:none;border-radius:9999px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #eab3084d;margin-top:1.5rem}.login-btn:hover{background:#f59e0b;transform:scale(1.05)}*{margin:0;padding:0;font-family:Instrument Sans,sans-serif}.password-container{background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:0;margin:0 auto;border:1px solid #eee}.password-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#fbbf24;border-bottom:2px solid #eab308;box-shadow:0 2px 6px #0000001a}.password-header h2{flex:1;text-align:center;font-size:20px;font-weight:600;color:#000;margin-right:22px}.back-btn{background:transparent;border:none;font-size:22px;cursor:pointer;color:#000;transition:transform .2s ease}.back-btn:hover{transform:translate(-3px)}.password-card{width:100%;max-width:95%;background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;gap:14px;animation:fadeIn 1s ease}.input-label{font-size:14px;font-weight:500;color:#341439}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:10px 40px 10px 14px;border:2px solid #ddd;border-radius:10px;font-size:14px;outline:none;transition:all .3s ease}.password-input:focus{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}.toggle-visibility{position:absolute;right:12px;cursor:pointer;font-size:16px;color:#341439;-webkit-user-select:none;user-select:none}.update-btn{margin-top:10px;padding:12px;background:#fbbf24;color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease,background .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-container{overflow:auto;padding:1rem;padding-left:21px;padding-right:21px;margin:1rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;max-height:100vh;width:100%;margin:0 auto}.flex-center{display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:700;font-size:1.125rem}.topbar1{display:flex;justify-content:center;align-items:center}.logo-container1{display:flex;align-items:center;gap:.5rem}.logo-circle1{width:90px;height:90px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 4px 12px #00000026;background-color:#fff}.logo-circle1 .logo-img{width:100%;height:100%;object-fit:cover}h1{font-size:1.25rem;font-weight:700}.icon{color:#6b7280}.card1{padding:1.5rem;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.wallet-card{background:linear-gradient(#ffc900,#f90);color:#fff;display:flex;flex-direction:column}.wallet-info{display:flex;align-items:center;justify-content:space-between}.label{font-size:.875rem;color:#fffc}.balance{font-size:1.05rem;font-weight:700;margin-top:.25rem}.rupee{font-size:1rem;margin-right:.25rem}.gift-icon{opacity:.5}.button-row{display:flex;justify-content:space-evenly;gap:1rem;padding-top:.5rem}.card-button{width:15vh;background-color:#fff;color:#f59e0b;font-weight:700;padding:.5rem 0;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:background-color .2s;border:none;cursor:pointer}.card-button:hover{background-color:#f3f4f6}.icon-grid{display:flex;justify-content:space-around;text-align:center;gap:2rem}.grid-item{background-color:#fff;padding:.5rem;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:10vh}.grid-icon{color:#f59e0b}.invitation-card{background-color:#fff;display:flex;flex-direction:column;gap:1rem;border:1px solid #f59e0b;border-radius:1.5rem;padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;text-align:center}.link-button{color:#f59e0b;font-size:.875rem;font-weight:500;text-decoration:none;border:none;background:none;cursor:pointer}.link-button:hover{text-decoration:underline}.invite-info{display:flex;align-items:flex-start;gap:1rem}.invite-info.label{position:relative;top:-4px}.profile-img{width:74px;height:3rem;border-radius:9999px;overflow:hidden;border:1px solid#a5a5a5;display:flex;align-items:center;justify-content:center}.profile-img img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.link-text{font-size:.75rem;font-weight:600;color:#1f2937;word-break:break-all}.full-button{width:65%;font-weight:700;padding:.65rem 0;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:background-color .2s;border:none;cursor:pointer}.copy-button{background-color:#facc15;color:#fff}.copy-button:hover{background-color:#eab308}.lucky-draw-card{background:linear-gradient(#ffc900,#f90);color:#fff;display:flex;flex-direction:column;gap:1rem}.go-button{width:66.666667%;background-color:#fff;color:#f59e0b}.go-button:hover{background-color:#f3f4f6}.sign-in-card{background:linear-gradient(#ffc900,#f90);color:#fff;display:flex;flex-direction:column;gap:1rem}.sign-in-card p{font-size:.875rem;opacity:.8}.sign-in-button-primary{background-color:#fff;color:#f59e0b;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:none;cursor:pointer}.sign-in-button-secondary{background:transparent;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:1px solid #fff;cursor:pointer}.quest-rewards-card{background-color:#fff;display:flex;flex-direction:column;gap:1rem;margin-bottom:8vh}.quest-item{display:flex;align-items:center;gap:1rem}.quest-icon-container{width:3.5rem;height:3.5rem;flex-shrink:0}.quest-icon-container img{width:100%;height:100%;object-fit:contain}.quest-content{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.quest-text{font-size:.875rem;font-weight:500;color:#1f2937}.quest-progress-bar-container{background-color:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden}.quest-progress-bar-fill{background-color:#facc15;height:100%;border-radius:9999px}.quest-reward-info{display:flex;flex-direction:column;align-items:flex-end;font-weight:600;color:#1f2937}.quest-reward{font-size:1rem}.quest-progress{font-size:.75rem;color:#f59e0b;font-weight:500}.support-container{position:fixed;bottom:104px;right:20px;z-index:999;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;gap:4px}.support-text{font-size:16px;color:#333;font-weight:700}.support-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.support-btn:active{transform:scale(.95)}.support-icon{width:56px;height:56px}.support-menu{position:absolute;right:8px;bottom:101px;background:#fffa;border-radius:25px;box-shadow:0 4px 12px #00000026;opacity:0;transform:scale(.95);transform-origin:bottom right;pointer-events:none;transition:all .2s ease}.white-card{background:#ffffffa3;border-radius:18px;padding:6px 9px;box-shadow:0 4px 12px #00000014;display:inline-block;color:#000;font-weight:800;line-height:1.2}.support-menu.show{opacity:1;transform:scale(1);pointer-events:auto}.support-menu a{display:flex;align-items:center;gap:8px;padding:11px 6px;text-decoration:none;color:#333;font-size:14px;transition:background .2s ease}.support-menu a:hover{background:#f1f7ff}.menu-header{font-weight:600;font-size:14px;padding:10px 15px;border-bottom:1px solid #eee;color:#555}.recharge-container{background:#fff;overflow:hidden;animation:bgFlow 10s infinite alternate;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;align-items:center}.recharge-header{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px;color:#333;z-index:10}.back-btnR{background:transparent;border:none;font-size:28px;cursor:pointer;color:#333;transition:transform .2s ease;padding:0;display:flex;align-items:center}.back-btnR:hover{transform:translate(-4px);color:#000}.recharge-header h2{font-size:22px;font-weight:700;align-items:center;justify-content:center;position:relative}.recharge-box{width:100%;max-height:85vh;margin:10px auto 0;min-height:80vh;background:#fff;border-radius:20px;padding:30px 25px;box-shadow:0 10px 30px #0000001a;overflow:scroll}.label1{font-weight:600;margin-bottom:12px;display:block;font-size:16px;color:#333}.amount-input{width:100%;padding:16px;border:1px solid #ccc;border-radius:10px;font-size:16px;margin-bottom:25px;transition:border .3s ease,box-shadow .3s ease}.amount-input:focus{border-color:#ff9800;box-shadow:0 0 8px #ff980066;outline:none}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px;background:#f7f7f7;padding:20px;border-radius:15px}.quick-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 8px;font-size:15px;font-weight:500;color:#333;cursor:pointer;transition:.3s}.quick-btn:hover,.quick-btn.selected{background:#ff9800;border:1px solid #ff9800;color:#fff;transform:scale(1.02);box-shadow:0 2px 6px #ff98004d}.channels{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding-top:20px;border-top:1px solid #eee}.channel-btn{width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:16px;cursor:pointer;font-size:16px;font-weight:500;color:#333;transition:.3s;text-align:left;position:relative;display:flex;justify-content:space-between;align-items:center}.channel-btn:hover{border-color:#ff9800;transform:none}.channel-btn.selected{border-color:#ff9800;background:#fff8f0}.channel-btn:after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #ccc;display:inline-block}.channel-btn.selected:after{border-color:#ff9800;background-color:#ff9800;box-shadow:inset 0 0 0 4px #fff}.explain-box{background:#fff3e0;border-radius:12px;padding:20px;font-size:14px;color:#555;margin-bottom:25px;border-left:5px solid #ff9800}.explain-box h3{font-size:18px;margin-bottom:10px;font-weight:700;color:#333}.explain-box ol{padding-left:20px}.explain-box li{margin-bottom:8px;line-height:1.4}.recharge-btn{width:40%;padding:18px;background:#ff9800;border:none;border-radius:12px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 5px 15px #ff980066;display:block;margin:20px auto}.recharge-btn:hover{background:#e68900;box-shadow:0 8px 18px #ff980080}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container{min-height:100vh;background-color:#f3f4f6;font-family:Inter,sans-serif;position:relative;width:100%;height:100vh}.header2{position:relative;padding:1.5rem 1rem 1rem;background:linear-gradient(#ffc900,#f90);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;color:#1f2937;display:flex;align-items:center;justify-content:space-between;width:100%}.back-arrow{height:1.5rem;width:1.5rem;cursor:pointer}.header-title{font-size:1.25rem;font-weight:700;flex:1;text-align:center}.spacer{width:1.5rem}.response-card{padding:1rem;border-radius:.75rem;margin-bottom:1rem;font-weight:600;text-align:center}.response-card.success{background-color:#eafcf4;border:1px solid #22c55e;color:#166534}.response-card.error{background-color:#fff0f1;border:1px solid #ef4444;color:#b91c1c}.bank-form input,.bank-info input{width:100%;padding:.75rem;margin-top:.5rem;border-radius:.75rem;border:1px solid #d1d5db}.bank-form,.bank-info{display:flex;flex-direction:column;gap:.5rem}.main-content{position:relative;z-index:10;margin:-2rem 1rem 0}.card0{padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem}.withdrawal-form-card{background-color:#fff;border:1px solid #fcd34d}.balance-info{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-bottom:1rem}.balance-label{color:#4b5563}.balance-amount{font-weight:700;color:#111827;font-size:1.125rem}.input-group{display:flex;flex-direction:column;gap:1rem}.input-field,.select-field{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus,.select-field:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #facc1580}.select-wrapper{position:relative}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;height:1.25rem;width:1.25rem;color:#6b7280}.apply-button{width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(#ffc900,#f90);color:#1f2937;font-weight:600;border-radius:9999px;box-shadow:0 2px 4px #0000001a;transition:background-color .2s;border:none;cursor:pointer}.apply-button:hover{background-color:#eab308}.explanation{margin-top:2rem;padding-top:1rem;border-top:1px solid #d1d5db}.explanation-title{color:#1f2937;font-weight:700;margin-bottom:.5rem}.rules-list{list-style-type:decimal;list-style-position:inside;font-size:.875rem;color:#4b5563;display:flex;flex-direction:column;gap:.5rem}.records-card{background-color:#fff}.records-title{color:#1f2937;font-weight:700;margin-bottom:1rem}.records-list{display:flex;flex-direction:column;gap:1rem}.record-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.record-item.success{background-color:#eafcf4;border:1px solid #a3d9b0}.record-item.returned{background-color:#fff0f1;border:1px solid #ffb3b8}.record-info{display:flex;align-items:center;gap:.5rem}.record-arrow{height:1rem;width:1rem;color:#9ca3af}.record-amount{color:#1f2937;font-weight:500}.record-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.record-status.success{background-color:#22c55e}.record-status.returned{background-color:#ef4444}.nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:.5rem;transition:all .3s;border:none;background:none;cursor:pointer}.bottom-nav{background-color:#fff;padding:.5rem;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:0;width:100vw;z-index:1000}.nav-item span{font-size:.75rem;margin-top:.25rem}.nav-item.active{color:#f59e0b}.nav-item:not(.active){color:#6b7280}.nav-item:not(.active):hover{color:#4b5563}.nav-item:focus{outline:none}.teamtwo-container{min-height:100vh;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;padding:20px}@keyframes bgFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#f59e0b;color:#fff;border-radius:12px;margin-bottom:25px}.navbar-left{display:flex;align-items:center;gap:12px}.vivo-logo{height:40px}.navbar-right button{background:transparent;border:none;color:#fff;font-size:16px;margin-left:20px;cursor:pointer;transition:.3s}.navbar-right button:hover{color:#fffacd}.team-header{text-align:center;margin-bottom:25px}.team-header h3{font-size:18px;color:#4a3c00}.team-header span{color:#00b894;font-weight:600}.members-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px #0000001a;animation:slideUp .8s ease-in-out}.members-section h2{margin-bottom:15px;font-size:20px;text-align:center;color:#4a3c00}.member-card{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-radius:12px;background:#fafafa;box-shadow:0 4px 12px #00000014;transform:translate(-50px);opacity:0;animation:slideIn .6s forwards}.member-card:nth-child(2n){animation-delay:.2s}.member-card:nth-child(odd){animation-delay:.4s}@keyframes slideIn{to{transform:translate(0);opacity:1}}.member-info{display:flex;flex-direction:column}.member-id{font-weight:600;font-size:16px;color:#4a3c00}.member-date{font-size:13px;color:gray}.status-box{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-align:center;min-width:100px}.status-box.green{background:#d4fcd4;color:#2ecc71;border:2px solid #2ecc71}.status-box.red{background:#ffe0e0;color:#e74c3c;border:2px solid #e74c3c}.footer{text-align:center;margin-top:30px;color:#555;font-size:14px}.orders-page{background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;width:100%;height:100vh;margin:0 auto;overflow-y:scroll;overflow-x:hidden}.orders-header{display:flex;align-items:center;justify-content:center;background:#fb923c;padding:15px;border-radius:12px;color:#fff;margin-bottom:20px;position:relative}.orders-title{font-size:20px;font-weight:700}.back-btnR{position:absolute;left:15px;background:none;border:none;cursor:pointer}.tabs{display:flex;justify-content:center;gap:8px;margin-top:25px;margin-bottom:25px;width:100%;align-items:center}.tabs button{padding:10px 45px;border:2px solid #fb923c;border-radius:25px;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#fcd34d;transition:.3s}.tabs button.active,.tabs button:hover{background:#fcd34d;color:#fff}.orders-list{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center;margin-bottom:43px}.order-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #fb923c;box-shadow:0 6px 18px #8d8d8d8d;transition:transform .3s;width:94%}.order-card:hover{transform:translateY(-5px);width:95%}.order-title{display:flex;justify-content:start;align-items:center;margin-bottom:12px;margin-top:8px;gap:10px}.order-title h3{font-size:18px;color:#341539}.status{padding:6px 14px;border-radius:15px;font-size:12px;font-weight:600}.status.normal{background:#fb923c;color:#341539}.status.finish{background:#000;color:#fff}.order-body{background:#fff;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.order-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e5e7eb;padding-bottom:.5rem}.order-row:last-child{border-bottom:none}.order-label{font-size:.95rem;font-weight:600;color:#374151}.order-value{font-size:.95rem;font-weight:500;color:#2563eb}.details-btn{display:inline-block;margin-top:15px;padding:10px 16px;background:#fb923c;color:#fff;text-decoration:none;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s ease-in-out}.details-btn:hover,.details-btn:active{background:#ffb84d;color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:999}.claim-modal{background:#fff8e1;padding:25px 20px;border-radius:20px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;max-height:80vh;overflow-y:auto;position:relative}.claim-btn{padding:4px 10px;background:#fb923c;color:#fff;font-weight:400;border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s;font-size:12px}.claim-btn:hover{background:#fcd34d;color:#341539}.claim-modal h3{font-size:18px;font-weight:700;color:#341539;margin-bottom:15px;text-align:center}.claim-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.claim-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid #fb923c;background:#fff;font-weight:500}.claim-item.available{border-color:#34d399;background:#dcfce7}.claim-item.locked{border-color:#f87171;background:#fee2e2;opacity:.8}.claim-now-btn{background:#fb923c;color:#fff;border:none;border-radius:12px;padding:5px 12px;cursor:pointer;font-size:12px;font-weight:600;transition:.3s}.claim-now-btn:hover{background:#ffb84d;color:#000}.close-modal{position:absolute;top:12px;right:12px;background:#f87171;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-weight:700;cursor:pointer;font-size:16px}.close-modal:hover{background:#fb923c;color:#fff}.claim-modal::-webkit-scrollbar{width:6px}.claim-modal::-webkit-scrollbar-thumb{background:#fb923c;border-radius:3px}.order-title b{font-size:14px;color:#341539;font-weight:600;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-status{position:fixed;top:20px;left:40%;transform:translate(-50%);padding:12px 20px;border-radius:10px;color:#fff;font-weight:600;z-index:9999;box-shadow:0 4px 12px #0003}.claim-status.success{background-color:#22c55e}.claim-status.fail{background-color:#ef4444}.about-page{font-family:Instrument Sans,sans-serif;background:linear-gradient(to right,#fcc292,#fcd34d);width:100%;margin:0 auto;min-height:100vh;color:#333;padding-bottom:30px}.header2{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:linear-gradient(#ffc900,#f90);border-bottom:1px solid #ddd;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.back-btnR{background:none;border:none;color:#000;cursor:pointer}.header-title{font-size:20px;font-weight:600;color:#2d1b10}.spacer{width:30px}.info-card{background:#fff;border-radius:15px;padding:20px;margin:20px auto;box-shadow:0 0 15px #0000001a;transition:transform .3s,box-shadow .3s;border:1px solid #fff5d1;width:90%}.info-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #00000026}.info-card h2{font-size:18px;font-weight:600;color:#2d1b10;margin-bottom:10px}.info-card p{font-size:14px;line-height:1.6;color:#444}.info-img{width:100%;border-radius:10px;margin:15px 0}.slide-up{animation:slideUp .6s ease}.slide-left{animation:slideLeft .6s ease}.slide-right{animation:slideRight .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.app-background{height:100vh;overflow-y:scroll;width:100%;font-family:Inter,sans-serif;background:linear-gradient(to bottom,#fefce8,#f5f5f4)}.max-width-wrapper{padding:.5rem;margin-top:1vh}.flex-align-center{display:flex;align-items:center}.card{padding:1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-border-top{position:relative;border-radius:.75rem;overflow:hidden;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center}.gradient-border-top:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(to right,#fb923c,#fcd34d);z-index:10}@media(min-width:768px){.gradient-border-top{flex-direction:row;justify-content:space-around}}.text-center{text-align:center}.flex-grow{flex-grow:1}.text-title{font-size:1.875rem;font-weight:800;color:#1f2937}.text-subtitle{color:#6b7280;font-size:1.125rem}.text-4xl-extrabold{font-size:2.25rem;font-weight:800;color:#111827}.text-2xl-bold{font-size:1.5rem;font-weight:700;color:#1f2937}.text-xl-bold{font-size:1.25rem;font-weight:700;color:#111827}.text-lg-semibold{font-size:1.125rem;font-weight:600}.text-lg-normal{font-size:1.125rem}.text-xs{font-size:.75rem;line-height:1rem}.back-button:hover{background-color:#e5e7eb}.back-button-text{margin-left:.25rem;font-size:.875rem;font-weight:600;display:none}@media(min-width:640px){.back-button-text{display:inline}}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:2rem;height:2rem}.badge-base{position:relative;border-radius:9999px;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;margin-bottom:1.5rem}@media(min-width:768px){.badge-base{margin-bottom:0}}.badge-large{width:8rem;height:8rem;font-size:1.5rem}@media(min-width:640px){.badge-large{width:10rem;height:10rem;font-size:1.5rem}}.badge-small{width:2.5rem;height:2.5rem;font-size:1.25rem}@media(min-width:640px){.badge-small{width:3rem;height:3rem;font-size:1.25rem}}.badge-text-main{font-weight:800;letter-spacing:.05em;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-style:italic}.badge-star{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);opacity:.2;font-size:4rem;font-weight:900}.badge-color-gray{background:linear-gradient(to bottom right,#d1d5db,#6b7280);color:#1f2937}.badge-color-slate{background:linear-gradient(to bottom right,#94a3b8,#475569);color:#fff}.badge-color-amber{background:linear-gradient(to bottom right,#fbbf24,#d97706);color:#78350f}.badge-color-blue{background:linear-gradient(to bottom right,#60a5fa,#2563eb);color:#1e3a8a}.badge-color-purple{background:linear-gradient(to bottom right,#a78bfa,#7c3aed);color:#fff}.badge-color-pink{background:linear-gradient(to bottom right,#f472b6,#db2777);color:#fff}.badge-color-emerald{background:linear-gradient(to bottom right,#34d399,#059669);color:#065f46}.badge-color-red{background:linear-gradient(to bottom right,#ef4444,#b91c1c);color:#fff}.badge-color-yellow{background:linear-gradient(to bottom right,#fde047,#fbbf24);color:#78350f}.ring-current-level{border:4px solid transparent;box-shadow:0 0 0 4px #ea580c;transform:scale(1.1);box-shadow:0 25px 50px -12px #00000040}.ring-unlocked{border:2px solid transparent;box-shadow:0 0 0 2px #4ade80;box-shadow:0 10px 15px -3px #0000001a}.ring-locked{border:1px solid #d1d5db;box-shadow:0 4px 6px -1px #0000001a}.progress-container{position:relative;padding-top:.25rem}.progress-label-container{display:flex;margin-bottom:.5rem;justify-content:space-between;align-items:center}.progress-badge-start{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;background-color:#fed7aa;color:#ea580c;text-transform:uppercase}.progress-badge-end{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;background-color:#d1fae5;color:#059669;text-transform:uppercase}.progress-bar-track{overflow:hidden;height:.75rem;margin-bottom:1rem;border-radius:.25rem;background-color:#e5e7eb;display:flex}.progress-bar-fill{box-shadow:none;display:flex;flex-direction:column;text-align:center;white-space:nowrap;color:#fff;justify-content:center}.progress-fill-active{background-color:#ea580c}.progress-fill-max{background-color:#059669}.list-column-container{display:flex;flex-direction:column;row-gap:1rem}.list-item-base{width:100%;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:space-between;column-gap:1rem}.list-item-base:hover{box-shadow:0 10px 15px -3px #0000001a}.list-item-current{border-color:#ea580c;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a}.list-item-default{border-color:#e5e7eb;background-color:#fff}.flex-col-end{display:flex;flex-direction:column;align-items:flex-end}.font-medium-uppercase{font-weight:500;text-transform:uppercase}.status-badge{display:flex;align-items:center;font-size:.875rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px}.status-current{background-color:#fed7aa;color:#ea580c}.status-unlocked{background-color:#d1fae5;color:#10b981}.status-locked{background-color:#fee2e2;color:#ef4444}.app-container{min-height:100vh;padding:0;overflow-x:hidden;font-family:Inter,sans-serif;background:linear-gradient(to right,#fcc292,#fcd34d)}.content-area{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.content-area,.header-content,.footer-content{padding-left:2rem;padding-right:2rem}}@media(min-width:768px){.content-area,.header-content,.footer-content{padding-left:3rem;padding-right:3rem}}.content-area{padding-bottom:2rem}.info-card{padding:1.5rem;margin-bottom:1.5rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;transition:all 1s ease-out;opacity:0;animation-fill-mode:forwards}.card-title{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:#c54d00}.card-subtitle{font-size:1.25rem;font-weight:600;margin-top:1rem;color:#374151}.card-body p{color:#4b5563;line-height:1.625;margin-bottom:1rem}.network-img{width:20%;height:auto;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:1rem;margin-bottom:1rem}.invest-link-text{color:#ea580c}.app-footer{width:100%;margin-top:0;background-color:#111827;color:#fff;box-shadow:0 -25px 50px -12px #00000040}.footer-content{padding-top:2rem;padding-bottom:2rem}.footer-links-container{display:flex;flex-direction:column;row-gap:1rem}.footer-copyright{font-size:.875rem;color:#9ca3af;font-weight:500}.footer-links{display:flex;flex-wrap:wrap;justify-content:space-around;column-gap:1.5rem;color:#fff}.footer-link{display:flex;align-items:center;column-gap:.375rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s;text-decoration:none}.footer-link.orange{color:#fb923c}.footer-link.orange:hover{color:#fdba74;background-color:#1f2937}.footer-link.blue{color:#3ce5fb}.footer-link.blue:hover{color:#ff6a00;background-color:#1f2937}.link-text{font-size:.895rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation-name:fadeIn;animation-duration:.7s;animation-timing-function:ease-out}.bill-page{font-family:Instrument Sans,sans-serif;width:100;max-width:500px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;color:#1a1a1a;display:flex;flex-direction:column}.bill-header{display:flex;align-items:center;justify-content:space-between;background:#fbbf24;padding:12px 16px;border-bottom:2px solid #f59e0b;box-shadow:0 2px 6px #00000026;position:sticky;top:0;z-index:10}.bill-header h1{flex:1;text-align:center;font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.back-btn{background:#fff;border:1px solid #f59e0b;color:#000;font-size:16px;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.bill-tabs{display:flex;justify-content:space-around;margin:20px 10px}.bill-tabs button{flex:1;margin:0 5px;padding:10px;border:none;background:#fef3c7;color:#78350f;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s}.bill-tabs button.active{background:#f59e0b;color:#fff;box-shadow:0 0 12px #f59e0b99}.bill-list{display:flex;flex-direction:column;gap:15px;padding:0 16px 20px}.bill-card{background:#fff;border:1px solid rgba(245,158,11,.4);border-radius:15px;padding:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #f59e0b26;transition:transform .3s,box-shadow .3s}.bill-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #f59e0b4d}.bill-info h2{font-size:16px;font-weight:600}.bill-info p{font-size:12px;color:#666}.bill-amount{font-size:16px;font-weight:700}.bill-amount.positive{color:green;text-shadow:0 0 8px rgba(0,255,0,.5)}.bill-amount.negative{color:#f60;text-shadow:0 0 8px rgba(255,102,0,.5)}.end-text{text-align:center;color:#777;margin:20px 0;font-size:14px}*{box-sizing:border-box}.notice-page{width:480px;margin:0 auto;height:100vh;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;font-family:Instrument Sans,sans-serif;color:#341439;display:flex;flex-direction:column}.header{display:flex;align-items:center;background:#341439;padding:12px;box-shadow:0 2px 6px #00000040}.header h1{flex:1;text-align:center;font-size:18px;font-weight:600;margin-right:24px}.back-btn{background:transparent;border:none;color:#000;font-size:20px;cursor:pointer}.notice-container{flex:1;display:flex;justify-content:center;align-items:center;animation:slideUp .6s ease}.notice-text{font-size:20px;font-weight:500;color:#000;text-align:center}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.helpcenter-container{font-family:Instrument Sans,sans-serif;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);animation:bgFlow 10s infinite alternate;color:#1a1a1a;max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;padding-bottom:70px}.helpcenter-header{display:flex;align-items:center;justify-content:space-between;background:#fbbf24;padding:14px 16px;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:10}.helpcenter-header h1{flex:1;text-align:center;font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.back-btn{background:#fff;border:1px solid #f59e0b;color:#000;font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-btn:hover{background:#f59e0b;color:#fff}.help-options{padding:16px;display:flex;flex-direction:column;gap:16px}.help-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:12px;background:#fff;border:1px solid rgba(245,158,11,.3);box-shadow:0 2px 6px #f59e0b26;transition:transform .3s ease;cursor:pointer}.help-card:hover{transform:translateY(-4px)}.help-card .icon{background:#f59e0b;color:#fff;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.help-card h3{margin:0;font-size:16px;font-weight:600}.help-card p{margin:4px 0 0;font-size:14px;line-height:1.4;color:#444}.info-container{background:#f8f8f8;padding:10px;height:100vh}.infocard{width:100%;height:98vh;background:#fff;border-radius:16px;box-shadow:0 8px 25px #00000026}.info-header{background:linear-gradient(to bottom right,#ffc900,#f90);color:#fff;text-align:center;padding:30px 20px;position:relative}.info-header h1{font-size:1.8rem;font-weight:700;margin:10px 0}.member-date{display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:.9}.member-date svg{margin-right:5px}.avatar{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;margin:0 auto 10px}.user-id-box{border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#00000026;padding:10px;margin-top:15px}.user-id-box .label{font-size:.75rem;opacity:.9}.user-id-row{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:5px}.copy-btn{background:transparent;border:none;cursor:pointer;position:relative;color:#fff;padding:3px}.copy-btn.gray{color:#666}.copy-btn:hover{opacity:.7}.copied{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:green;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:6px;white-space:nowrap}.copied.green{background:#28a745}.info-section{padding:20px;border-top:1px solid #eee}.info-section h2{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:10px;border-bottom:2px solid #f1f1f1;padding-bottom:6px}.detail-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f3f3}.detail-label{display:flex;align-items:center;color:#555}.detail-icon{margin-right:8px;color:#888}.detail-value{font-weight:500;color:#222;display:flex;align-items:center;gap:6px}.detail-value.money{color:#f60;font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Instrument Sans,sans-serif}.trade-wrapper{background:linear-gradient(135deg,#fdc55c,#f5f5d1,#fdfd54);animation:bgFlow 10s infinite alternate;display:flex;justify-content:center;min-height:100vh}.trade-container{width:100%;margin:0 auto;height:100vh;padding:20px;background:linear-gradient(135deg,#fff,#fff8d6,#fde68a);animation:bgFlow 10s infinite alternate}.trade-header{display:flex;align-items:center;gap:12px;background:linear-gradient(to right,#fb923c,#fcd34d);padding:14px;border-radius:12px;margin-bottom:20px;animation:slideDown .6s ease;box-shadow:0 2px 6px #00000026}.trade-header h2{flex:1;font-size:18px;font-weight:600;color:#000;text-align:center}.back-btnO{background:transparent;border:none;font-size:22px;cursor:pointer;color:#000}.trade-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 6px 18px #00000026;display:flex;flex-direction:column;gap:12px;animation:fadeIn 1s ease}.input-label{font-size:13px;font-weight:500;color:#000}.otp-wrapper{display:flex;gap:8px}.trade-input{flex:1;padding:12px;border:2px solid #fcd34d;border-radius:10px;font-size:14px;outline:none}.trade-input:focus{border-color:#fbbf24;box-shadow:0 0 6px #fbbf2480}.send-btn{padding:10px 14px;background:#fbbf24;color:#000;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s ease}.send-btn:hover{background:#eab308}.password-wrapper{position:relative}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#000}.update-btn{margin-top:8px;padding:12px;background:#fbbf24;color:#000;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .3s ease,background .3s ease}.update-btn:hover{background:#eab308;transform:translateY(-2px)}.explain-card{margin-top:18px;background:#fffde7;padding:14px;border-radius:12px;border-left:5px solid #fbbf24;animation:fadeIn 1.2s ease}.explain-card h3{font-size:15px;color:#000;margin-bottom:6px}.explain-card p{font-size:13px;color:#444;margin-bottom:6px;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.invest-page-container{width:100%;max-height:100vh;margin:0 auto 228.5px;min-height:100vh;position:absolute;display:flex;flex-direction:column;background:linear-gradient(135deg,#fdc55c,#f5f5d1,#fdfd54);animation:bgFlow 10s infinite alternate}.background-gradient{height:100%;background:linear-gradient(to right,#fb923c,#fcd34d);z-index:-1}.bell-icon{color:#4b5563}.tabs-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:.5rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:1.5rem;margin:10px}.tab-button{flex:1;text-align:center;padding-top:.5rem;padding-bottom:.5rem;border-radius:9999px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);color:#4b5563;border:none;background-color:transparent;cursor:pointer}.tab-button.active-tab{background:linear-gradient(#ffc900,#f90);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.product-list-container{background-color:#fff;overflow-y:scroll;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:10px 10px 30px;display:flex;flex-direction:column;gap:1rem;margin:10px;margin-bottom:8.5vh}.product-card{display:flex;align-items:center}.product-image-placeholder{width:4rem;height:4rem;background-color:#e5e7eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain}.image-placeholder-text{font-size:.875rem;color:#9ca3af}.product-details{flex:1}.product-title{font-weight:600;color:#1f2937;font-size:1.125rem}.product-price{font-size:.875rem;color:#6b7280;margin-top:.25rem}.stat-button{font-size:.75rem;padding:.25rem .5rem;background-color:#d1fae5;color:#047857;border-radius:9999px;border:none}.product-stats{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem;background:#f9fafb;border-radius:.75rem;padding:.8rem;box-shadow:0 2px 6px #0000000d}.stat-row{display:flex;justify-content:space-between;align-items:center;background:#ecfdf5;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;transition:all .2s ease-in-out}.stat-row:hover{background:#d1fae5}.stat-name{font-weight:500;color:#065f46}.stat-value{font-weight:600;color:#047857}.buy-button{margin-left:1rem;margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(#ffc900,#f90);color:#fff;border-radius:9999px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition-property:background-color;transition-duration:.2s;border:none;width:40%;cursor:pointer}.buy-button:hover{background-color:#fd822a}.bottom-navH{background-color:#fff;padding:.5rem;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:0;width:100vw;z-index:1000}.order-details-page{max-width:480px;width:100%;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#fff,#fdfdcc,#f8f8a0);padding:20px}.details-header{display:flex;align-items:center;padding:15px 25px;background:#f59e0b;border-radius:12px;margin-bottom:20px;color:#000}.details-header .details-title{flex-grow:1;text-align:center;font-size:20px}.back-btnR{background:transparent;border:none;cursor:pointer}.details-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px #0000001a;margin-bottom:20px}.details-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.details-row:last-child{border-bottom:none}.label{font-weight:600;color:#000}.value{color:#f59e0b}.status-tag{padding:4px 10px;border-radius:12px;font-size:13px;text-transform:capitalize}.status-tag.finish{background:#d4fcd4;color:#2ecc71;border:1px solid #2ecc71}.status-tag.normal{background:#ffeccc;color:#f59e0b;border:1px solid #f59e0b}.settlement-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px #0000001a}.settlement-section h2{font-size:18px;color:#000;margin-bottom:12px}.settlement-list{list-style:none;padding:0;margin:0}.settlement-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.settlement-item:last-child{border-bottom:none}.settlement-date{color:#555}.settlement-amount{font-weight:600;color:#f59e0b}.no-settlement{text-align:center;color:gray}*{font-family:Instrument Sans,sans-serif;margin:0;padding:0;box-sizing:border-box}.investbuy-container{width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(to bottom,#ffcf60,#ffe9b0);padding:10px}.investbuy-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffcf60;border-radius:12px;font-weight:600}.back-button{background:none;border:none;font-size:22px;cursor:pointer}.header-title{font-size:18px;font-weight:700}.chat-icon{font-size:20px}.product-image-box{display:flex;justify-content:center;margin:20px 0}.product-main-img{width:220px;height:auto;border-radius:12px;box-shadow:0 5px 15px #0003}.price-box{background:#fff8e1;padding:18px;border-radius:16px;margin-bottom:18px;box-shadow:0 4px 10px #0000001a;font-size:14px}.price-box p{margin:8px 0}.highlight{color:#f39c12;font-weight:600}.buy-range{display:flex;align-items:center;justify-content:space-around;margin:12px 0}.range-btn{background:#fff;border:1px solid #f39c12;border-radius:50%;padding:6px 14px;font-size:18px;font-weight:700;margin:0 5px;cursor:pointer;color:#f39c12}.range-btn:hover{background:#f39c12;color:#fff}.buy-now-btn{background:#ff9800;color:#fff;padding:12px;width:100%;border:none;border-radius:25px;font-size:16px;font-weight:600;margin-top:12px;cursor:pointer}.buy-now-btn:hover{background:#f57c00}.info-card{background:#fffdf5;border:1px solid #ffe082;border-radius:16px;padding:15px;margin-bottom:16px;font-size:14px;box-shadow:0 3px 10px #0000001a}.info-card h3{margin-bottom:8px;font-size:15px;font-weight:600;color:#333}.info-card p{display:flex;justify-content:space-between;margin:6px 0}body{font-family:Inter,sans-serif;background:#f9fafb}.pay-container{min-height:100vh;max-width:100%}.pay-card{background:linear-gradient(#ffc900,#f90);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 12px #0000000d;padding:2rem;width:100%;margin-top:.5rem}.pay-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.pay-header h1{font-size:2rem;font-weight:700;color:#1f2937}.qr-section{margin-top:1.5rem;text-align:center}.qr-section h2{font-size:1.25rem;font-weight:600;color:#374151}.qr-section p{font-size:.875rem;color:#6b7280}.qr-box{margin:1rem auto;height:280px;width:280px;border:2px dashed #d1d5db;border-radius:.75rem;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#f9fafb}.qr-box img{width:280px;height:280px;object-fit:contain;border-radius:.5rem}.qr-loading{display:flex;flex-direction:column;align-items:center}.spin{animation:spin 1s linear infinite;width:1.5rem;height:1.5rem;color:#f97316}@keyframes spin{to{transform:rotate(360deg)}}.qr-warning{font-size:.85rem;font-weight:500;color:#dc2626}.utr-section{margin-top:2rem;border-top:1px solid #e5e7eb;padding-top:1rem}.utr-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.utr-section form input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;margin-bottom:1rem;font-size:.95rem}.utr-section form input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973164d}.back-btn{width:15%;padding:.5rem 1rem;background:#000;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:.25rem}.back-btn:hover{background:#19191a}.utr-section form{text-align:center}.utr-section form button{padding:.5rem 1rem;background:#0014ff;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:.3s}.utr-section form button:hover{background:#0014ff}.utr-section form button:disabled{background:#6d77e4;cursor:not-allowed}.msg{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;margin-top:1rem;font-size:.9rem}.msg svg{margin-right:.5rem}.msg.success{background:#dcfce7;color:#15803d}.msg.error{background:#fee2e2;color:#b91c1c}.msg.info{background:#dbeafe;color:#1d4ed8}.color-orange-500{color:#f97316}.color-green-600{color:#10b981}.color-gray-500{color:#6b7280}.color-gray-600{color:#4b5563}.color-gray-700{color:#374151}.color-gray-800{color:#1f2937}.bg-gray-50{background-color:#f9fafb}.bg-orange-500{background-color:#f97316}.app-container{min-height:100vh;overflow-y:scroll;width:100%;background-color:#f9fafb;font-family:sans-serif}.main-content{margin:0 auto;padding:1.5rem 1rem}.header{width:100%;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-content{margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}.text-base{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-right{text-align:right}.block{display:block}.flex-1{flex:1 1 0%}.card{background-color:#fff;padding:1.25rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb}.image-container{background-color:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-bottom:1.5rem}.product-image{width:100%;height:auto;border-radius:.75rem;object-fit:cover}.badge-orange{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:600;background-color:#f97316;color:#fff;border-radius:.5rem}.button-primary{width:100%;display:block;background-color:#f97316;color:#fff;font-weight:700;padding:.75rem 1rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;transition:background-color .2s;border:none;cursor:pointer}.button-primary:hover{background-color:#ea580c}@media(min-width:640px){.button-primary{width:auto;margin-top:0}}.flex-row{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.border-top-1{border-top:1px solid #f3f4f6}.border-left-4{border-left:4px solid #f97316}.padding-top-2{padding-top:.5rem}.padding-right-4{padding-right:1rem}.padding-left-3{padding-left:.75rem}.margin-top-1{margin-top:.25rem}.margin-top-4{margin-top:1rem}.margin-top-6{margin-top:1.5rem}.margin-right-1{margin-right:.25rem}.margin-bottom-1{margin-bottom:.25rem}.margin-bottom-3{margin-bottom:.75rem}.margin-bottom-4{margin-bottom:1rem}.margin-bottom-6{margin-bottom:1.5rem}.icon-sm{width:1rem;height:1rem}.range-slider{width:100%;height:.25rem;background-color:#fed7aa;border-radius:.5rem;cursor:pointer;margin-top:.5rem;-webkit-appearance:none;appearance:none}.popup-card{position:fixed;top:20%;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:1rem;font-weight:600;text-align:center;animation:fadeInOut 2.5s ease forwards;box-shadow:0 4px 12px #0003}.popup-success{background-color:#4ade80;color:#064e3b}.popup-fail{background-color:#fca5a5;color:#7f1d1d}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.body{margin:0;font-family:Instrument Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{background-color:#fff}.app-container{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif}.main-content{width:96%;margin-top:20px;background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.content-padding{padding:1rem}.header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.back-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem}.recharge-history-list{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem}.recharge-item{background-color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.5rem;border-left:5px solid var(--bright-orange)}.recharge-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.5rem;border-bottom:1px dashed #f3f4f6}.recharge-amount{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center}.recharge-status{font-weight:700;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:#fff;display:flex;align-items:center;gap:.25rem;box-shadow:0 1px 2px #00000026;text-transform:uppercase}.status-Approve{background-color:var(--approved-color)}.status-Reject{background-color:var(--rejected-color)}.recharge-info-row{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.recharge-info-row span{display:flex;align-items:center;gap:.25rem}.recharge-info-value{color:#1f2937;font-weight:500}.utr-text{font-weight:600;color:#374151}:root{--bright-orange: #ff9900;--pending-color: #f59e0b;--approved-color: #10b981;--rejected-color: #ef4444}.app-container{height:100vh;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;overflow-y:scroll;width:100%}.maincontent{width:100%;max-width:100%;background-color:#fff;box-shadow:0 0 10px #0000001a;height:100vh}.contentpadding{margin:20px}.header{display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background-color:#fff;position:sticky;top:0;z-index:10}.header-title-group{flex-grow:1;text-align:center;margin-right:2.5rem}.header h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.total-display{font-size:.875rem;color:#6b7280;margin-top:.25rem}.back-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .15s}.back-button:hover{background-color:#f3f4f6}.chevron-icon{width:1.25rem;height:1.25rem;color:#1f2937}.withdrawal-history-list{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem;background-color:#f9fafb;height:90vh}.withdrawal-item{background-color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.75rem;border-left:5px solid var(--bright-orange);transition:transform .15s}.withdrawal-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.withdrawal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px dashed #f3f4f6}.withdrawal-amount{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center}.withdrawal-status{font-weight:700;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:#fff;display:flex;align-items:center;gap:.25rem;box-shadow:0 1px 2px #00000026;text-transform:uppercase}.status-Pending{background-color:var(--pending-color)}.status-Approved{background-color:var(--approved-color)}.status-Rejected{background-color:var(--rejected-color)}.withdrawal-info-row{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.withdrawal-info-row span{display:flex;align-items:center;gap:.25rem}.withdrawal-info-value{color:#1f2937;font-weight:500}.utr-copy-group{display:flex;align-items:center;gap:.5rem}.utr-text{font-weight:600;color:#374151;font-family:monospace}.copy-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .15s}.copy-btn:hover{background-color:#fef3c7}.no-records-message{text-align:center;color:#9ca3af;padding:2rem;font-style:italic}