@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#a1a1aa;--text-h:#fff;--bg:#000;--border:#27272a;--code-bg:#121212;--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-bg:#8b5cf626;--accent-border:#8b5cf680;--shadow:0 20px 40px -5px #000000b3, 0 10px 15px -6px #00000080;--glass-bg:#00000080;--glass-border:#ffffff14;--page-bg:#000;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--page-bg);justify-content:center;min-height:100vh;margin:0;display:flex}#root{text-align:center;box-sizing:border-box;background:var(--bg);flex-direction:column;width:100%;max-width:500px;min-height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #000c}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}p{margin:0}.auth-container{background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute;top:-150px;left:-50px}.auth-container:after{content:"";opacity:.12;pointer-events:none;background:radial-gradient(circle,#ec4899 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;right:-50px}.auth-container h2{font-family:var(--heading);color:var(--text-h);background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700;animation:.6s ease-out forwards fadeDown}.auth-form{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:1;background:#0f0f0f99;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:360px;margin-top:30px;padding:36px 24px;animation:.6s ease-out forwards slideUp;display:flex;box-shadow:0 4px 30px #00000080}.form-group{text-align:left;flex-direction:column;gap:8px;display:flex}.form-group label{color:#d4d4d8;letter-spacing:.5px;text-transform:uppercase;margin-left:4px;font-size:13px;font-weight:600}.form-group input{border:1px solid var(--border);background-color:var(--code-bg);color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:12px;outline:none;padding:14px 16px;transition:all .2s}.form-group input::placeholder{color:#52525b}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg);background-color:#000}.auth-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;font-size:16px;font-weight:600;font-family:var(--sans);cursor:pointer;box-shadow:0 8px 16px var(--accent-bg);border:none;border-radius:12px;margin-top:12px;padding:16px;transition:all .3s}.auth-button:hover{box-shadow:0 12px 20px var(--accent-bg);filter:brightness(1.15);transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-link{color:var(--text);z-index:1;margin-top:32px;font-size:15px;animation:.8s ease-out forwards fadeIn}.auth-link a{color:var(--accent-hover);margin-left:4px;font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:#c4b5fd;text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-heading{text-align:center;z-index:2;margin-bottom:24px;animation:.8s ease-out forwards slideDownFade}.hero-heading h1{font-family:var(--heading);background:linear-gradient(to right, #fff 10%, var(--accent) 50%, #ec4899 90%, #fff 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:46px;font-weight:700;animation:4s linear infinite gradientFlow}.hero-heading p{color:#a1a1aa;margin:0;font-size:16px;font-weight:300}@keyframes gradientFlow{0%{background-position:0%}to{background-position:-200%}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{flex-grow:1;justify-content:center;align-items:flex-start;padding:32px 24px 64px;display:flex}.empty-state{text-align:center;border:1px dashed var(--border);background:#14141480;border-radius:20px;width:100%;max-width:320px;margin-top:10vh;padding:40px 24px;animation:.8s ease-out fadeIn}.empty-icon{opacity:.9;margin-bottom:20px;font-size:56px}.empty-state h2{color:var(--text-h);margin-bottom:8px;font-size:24px}.empty-state p{color:var(--text);margin-bottom:28px;font-size:15px;line-height:1.5}.active-plans-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;cursor:pointer;box-shadow:0 8px 16px var(--accent-bg);border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s}.active-plans-btn:hover{box-shadow:0 12px 20px var(--accent-bg);filter:brightness(1.15);transform:translateY(-2px)}.plans-view{width:100%;max-width:600px;animation:.4s ease-out forwards fadeIn}.plans-header{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:24px;display:flex}.plans-header h2{background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.back-btn{color:#a1a1aa;border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.back-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff}.plan-selector{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px;display:grid}.radio-card{border:1px solid var(--border);cursor:pointer;background:#14141499;border-radius:16px;align-items:center;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.radio-card:hover{background:#1e1e1ecc;border-color:#fff3}.radio-card input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.radio-card:before{content:"";border:2px solid #52525b;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-right:16px;transition:all .3s}.radio-card.active{border-color:var(--accent);background:#6366f11a;box-shadow:0 4px 16px #6366f126}.radio-card.active:before{border-color:var(--accent);background:#fff;border-width:6px}.radio-content{flex-direction:column;display:flex}.radio-title{color:var(--text-h);font-size:16px;font-weight:600}.radio-price{color:#a1a1aa;margin-top:4px;font-size:14px}.plan-details-section{animation:.4s ease-out forwards fadeIn}.reward-banner{background:linear-gradient(135deg,#ec489926 0%,#8b5cf626 100%);border:1px solid #ec489966;border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.reward-icon{font-size:36px}.reward-text{text-align:left}.reward-text h3{color:#fce7f3;text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:15px}.reward-text p{background:linear-gradient(135deg,#ec4899 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700}.investment-table{border:1px solid var(--border);text-align:left;background:#0f0f0fcc;border-radius:16px;margin-bottom:32px;padding:28px;box-shadow:0 8px 32px #0000004d}.investment-table h3{color:var(--text-h);border-bottom:1px dashed var(--border);margin:0 0 20px;padding-bottom:16px;font-size:20px}.investment-table table{border-collapse:collapse;width:100%}.investment-table tr{border-bottom:1px solid #ffffff0d}.investment-table tr:last-child{border-bottom:none}.investment-table td{color:#d4d4d8;padding:16px 0;font-size:16px}.investment-table td:last-child{text-align:right;color:#fff;font-weight:600}.roi-positive{color:#34d399;background:#34d3991a;border-radius:8px;padding:4px 10px}.buy-btn.final{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 8px 24px var(--accent-bg);border:none;border-radius:14px;padding:18px;font-size:18px;font-weight:700;transition:all .3s}.buy-btn.final:hover{filter:brightness(1.15);box-shadow:0 12px 28px var(--accent-bg);transform:translateY(-2px)}@media (width<=450px){.plans-header{gap:10px}.plans-header h2{font-size:22px}.back-btn{white-space:nowrap;padding:6px 10px;font-size:13px}.reward-banner{gap:12px;padding:16px}.reward-icon{font-size:28px}.reward-text h3{font-size:13px}.reward-text p{font-size:16px}.investment-table{padding:16px}.investment-table h3{margin-bottom:12px;padding-bottom:12px;font-size:18px}.investment-table td{padding:10px 0;font-size:13px}.buy-btn.final{padding:14px;font-size:16px}}.kyc-container{flex-grow:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative;overflow:hidden}.kyc-bg-glow{filter:blur(90px);z-index:0;opacity:.15;border-radius:50%;position:absolute}.glow-1{background:var(--accent);width:400px;height:400px;top:-100px;left:-100px}.glow-2{background:#ec4899;width:500px;height:500px;bottom:-200px;right:-100px}.kyc-card{-webkit-backdrop-filter:blur(24px);z-index:1;background:#0c0c0cb3;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:540px;padding:40px 32px;animation:.5s ease-out forwards slideUp;box-shadow:0 10px 40px #0009}.kyc-header{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:8px;display:flex}.kyc-header h2{text-align:left;background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px}.kyc-subtitle{text-align:left;color:#a1a1aa;margin-bottom:32px;font-size:14px}.kyc-back-btn{color:#a1a1aa;border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.kyc-back-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff}.form-section{margin-bottom:32px}.form-section h3{color:var(--text-h);text-transform:uppercase;letter-spacing:1px;text-align:center;border-bottom:1px dashed #ffffff1a;margin:0 0 20px;padding-bottom:8px;font-size:15px}@media (width<=360px){.form-section h3{text-align:left}}.grid-group{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-wrapper{text-align:left;flex-direction:column;gap:6px;display:flex}.input-wrapper label{color:#d4d4d8;letter-spacing:.5px;margin-left:4px;font-size:12px;font-weight:600}.input-wrapper input{background-color:var(--code-bg);color:var(--text-h);font-size:14px;font-family:var(--sans);text-transform:uppercase;letter-spacing:1px;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 16px;transition:all .2s}.input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg);background-color:#000}.input-wrapper input::placeholder{color:#52525b}.upload-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.upload-box{background:#ffffff05;border:2px dashed #ffffff26;border-radius:16px;height:110px;transition:all .3s;position:relative;overflow:hidden}.profile-upload{grid-column:1/-1;height:auto;min-height:160px}.upload-box:hover,.upload-box:focus-within{border-color:var(--accent);background:#6366f10d}.upload-box.has-file{background:#34d3990d;border-style:solid;border-color:#34d399}.upload-box input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.upload-box label{color:#a1a1aa;cursor:pointer;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.upload-icon{filter:drop-shadow(0 2px 4px #00000080);font-size:32px}.profile-upload .upload-icon{font-size:40px}.upload-text{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.sub-text{color:#71717a;margin-top:-4px;font-size:11px}.success-text{color:#34d399;margin-top:8px;font-weight:700}.pic-preview{z-index:1;border:3px solid #34d399;border-radius:50%;width:90px;height:90px;overflow:hidden;box-shadow:0 4px 12px #34d3994d}.pic-preview img{object-fit:cover;width:100%;height:100%}.kyc-submit-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 8px 24px var(--accent-bg);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:18px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.kyc-submit-btn .arrow{transition:transform .3s}.kyc-submit-btn:hover{filter:brightness(1.15);box-shadow:0 12px 28px var(--accent-bg);transform:translateY(-2px)}.kyc-submit-btn:hover .arrow{transform:translate(4px)}@media (width<=450px){.grid-group{grid-template-columns:1fr}.kyc-card{padding:32px 20px}.kyc-header{gap:12px}.kyc-header h2{font-size:20px}.kyc-back-btn{white-space:nowrap;padding:6px 10px;font-size:13px}.kyc-subtitle{margin-bottom:24px;font-size:13px}.upload-box{height:90px}.upload-icon{font-size:24px}}.app-layout{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.layout-nav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#0f0f0f66;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.layout-title{background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.hamburger{cursor:pointer;z-index:104;flex-direction:column;gap:6px;padding:4px;display:flex}.hamburger .bar{background-color:var(--text-h);border-radius:2px;width:26px;height:2px;transition:all .3s}.hamburger .bar.open:first-child{transform:translateY(8px)rotate(45deg)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.profile-menu{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:103;background:#0a0a0af2;flex-direction:column;width:280px;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:-300px;overflow-y:auto;box-shadow:-10px 0 40px #000c}.profile-menu.active{right:0}.menu-header{border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;height:76px;padding:24px 24px 24px 32px;display:flex}.menu-header h3{color:var(--text-h);margin:0;font-size:20px}.close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:32px;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-h)}.menu-content{text-align:left;flex-grow:1;padding:32px 24px}.profile-image-container{justify-content:center;margin-bottom:28px;display:flex}.profile-image{object-fit:cover;border:3px solid var(--accent);width:100px;height:100px;box-shadow:0 4px 20px var(--accent-bg);border-radius:50%}.menu-content p{color:var(--text);flex-direction:column;gap:4px;margin:0 0 20px;font-size:15px;display:flex}.menu-content strong{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.menu-footer{border-top:1px solid var(--border);padding:24px}.logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.logout-btn:hover{color:#fff;background:#ef4444}.layout-content{flex-direction:column;flex-grow:1;display:flex;position:relative}