:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0f19;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}.app{color:#fff;background:#0b0f19;min-height:100vh}.navbar{background:#0b0f19;border-bottom:1px solid #1d2533;justify-content:space-between;align-items:center;height:78px;padding:0 7%;display:flex}.logo{align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.logo-icon{color:#fff;background:#f7931a;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:#9ca7b8;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-buttons{align-items:center;gap:12px;display:flex}.login-button,.signup-button,.primary-button,.secondary-button,.view-button,.plan-button{cursor:pointer;border:none;font-family:inherit}.login-button{color:#fff;background:0 0;padding:11px 18px}.signup-button{color:#fff;background:#f7931a;border-radius:8px;padding:11px 20px;font-weight:600}.hero{background:radial-gradient(circle at 20% 20%,#f7931a21,#0000 30%),radial-gradient(circle at 80%,#4568dc1f,#0000 30%);justify-content:space-between;align-items:center;gap:60px;min-height:620px;padding:80px 7%;display:flex}.hero-content{max-width:650px}.hero-badge{color:#aab4c3;border:1px solid #2b3445;border-radius:30px;margin-bottom:25px;padding:8px 14px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,78px);line-height:1.03}.hero h1 span{color:#f7931a}.hero p{color:#9ca7b8;max-width:600px;margin:28px 0;font-size:18px;line-height:1.7}.hero-buttons{gap:14px;display:flex}.primary-button{color:#fff;background:#f7931a;border-radius:8px;padding:14px 25px;font-weight:700}.secondary-button{color:#fff;background:#161d29;border:1px solid #30394a;border-radius:8px;padding:14px 25px}.hero-card{background:#141b28e6;border:1px solid #293345;border-radius:18px;width:390px;padding:28px;box-shadow:0 30px 80px #00000059}.card-header{color:#9ca7b8;justify-content:space-between;font-size:14px;display:flex}.positive{color:#3ddc97}.portfolio-value{margin-top:18px;font-size:38px;font-weight:700}.portfolio-label{color:#768295;margin-top:6px;font-size:13px}.fake-chart{border-bottom:1px solid #2a3444;height:100px;margin:25px 0;position:relative;overflow:hidden}.chart-line{border-top:3px solid #f7931a;height:65px;position:absolute;bottom:15px;left:0;right:0;transform:skewY(-8deg)}.portfolio-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.portfolio-stats div{background:#111824;border-radius:8px;padding:12px}.portfolio-stats span{color:#778398;font-size:12px;display:block}.portfolio-stats strong{margin-top:5px;font-size:14px;display:block}.section{padding:90px 7%}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.section-label{color:#f7931a;letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:700}.section h2,.center-heading h2{margin:0;font-size:38px}.view-button{color:#f7931a;background:0 0;font-size:14px}.crypto-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.crypto-card{background:#101722;border:1px solid #202a3a;border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}.crypto-card:hover{border-color:#354256;transform:translateY(-3px)}.crypto-top{align-items:center;gap:12px;display:flex}.coin-icon{background:#202a39;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.crypto-top strong{display:block}.crypto-top span{color:#778398;margin-top:3px;font-size:12px;display:block}.crypto-price{margin-top:25px;font-size:24px;font-weight:700}.crypto-change{color:#3ddc97;margin-top:7px;font-size:13px}.investments{background:#0f141e}.center-heading{text-align:center;max-width:700px;margin:0 auto 45px}.center-heading p{color:#8995a8;line-height:1.7}.plans{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto;display:grid}.plan{background:#111824;border:1px solid #293345;border-radius:16px;padding:32px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.plan:hover{border-color:#3a4659;transform:translateY(-5px);box-shadow:0 20px 50px #00000040}.featured-plan{border-color:#f7931a;transform:translateY(-8px)}.featured-plan:hover{transform:translateY(-13px)}.popular{color:#fff;background:#f7931a;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:18px;right:18px}.plan h3{margin-top:0;font-size:24px}.plan>p{color:#8995a8;min-height:60px;font-size:14px;line-height:1.6}.plan-details{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.plan-details div{text-align:center;background:#0c121c;border-radius:8px;min-width:0;padding:13px 9px}.plan-details span{color:#778398;white-space:nowrap;font-size:10px;display:block}.plan-details strong{white-space:nowrap;margin-top:6px;font-size:14px;display:block}.plan-details div:first-child{border:1px solid #2d3a4d}.plan-details div:first-child strong{color:#f7931a;font-size:17px}.plan-button{color:#fff;background:#1b2432;border-radius:8px;width:100%;padding:13px;transition:background .2s}.plan-button:hover{background:#273346}.featured-plan .plan-button{background:#f7931a}.featured-plan .plan-button:hover{background:#ff9f2e}.features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto;display:grid}.feature{background:#101722;border:1px solid #202a3a;border-radius:14px;padding:30px}.feature-icon{font-size:30px}.feature h3{margin-bottom:10px}.feature p{color:#8995a8;font-size:14px;line-height:1.7}.footer{color:#778398;border-top:1px solid #202a3a;justify-content:space-between;align-items:center;min-height:120px;padding:35px 7%;display:flex}.footer .logo{color:#fff}@media (width<=1000px){.plans{grid-template-columns:1fr;max-width:600px}.featured-plan{transform:none}.featured-plan:hover{transform:translateY(-5px)}.crypto-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr;max-width:600px}}@media (width<=900px){.nav-links{display:none}.hero{flex-direction:column;align-items:flex-start}.hero-card{width:100%;max-width:500px}}@media (width<=600px){.navbar{padding:0 5%}.signup-button{display:none}.hero,.section{padding-left:5%;padding-right:5%}.hero h1{font-size:48px}.hero-buttons{flex-direction:column}.hero-card{padding:20px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.crypto-grid{grid-template-columns:1fr}.plan-details{gap:6px}.plan-details div{padding:12px 5px}.plan-details span{font-size:9px}.plan-details strong{font-size:12px}.plan-details div:first-child strong{font-size:15px}.footer{flex-direction:column;align-items:flex-start;gap:20px}}.auth-page{background:radial-gradient(circle at 20% 20%,#f7931a1f,#0000 30%),radial-gradient(circle at 80% 70%,#4568dc1f,#0000 30%),#0b0f19;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:#111824;border:1px solid #293345;border-radius:18px;width:100%;max-width:480px;padding:40px;box-shadow:0 30px 80px #00000059}.auth-back{color:#8995a8;cursor:pointer;background:0 0;border:none;margin-bottom:30px;padding:0;font-family:inherit;font-size:14px}.auth-back:hover{color:#fff}.auth-logo{align-items:center;gap:10px;margin-bottom:35px;font-size:21px;font-weight:700;display:flex}.auth-heading{margin-bottom:28px}.auth-heading h1{margin:0;font-size:34px;line-height:1.2}.auth-heading p{color:#8995a8;margin-top:14px;font-size:14px;line-height:1.7}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#dce2eb;font-size:13px;font-weight:600}.form-group input{color:#fff;background:#0c121c;border:1px solid #30394a;border-radius:8px;outline:none;width:100%;padding:14px 15px;font-family:inherit;font-size:14px}.form-group input::placeholder{color:#68758a}.form-group input:focus{border-color:#f7931a}.auth-submit{color:#fff;cursor:pointer;background:#f7931a;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:700}.auth-submit:hover{background:#ff9f2e}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-error{color:#ff8f8f;background:#781e1e33;border:1px solid #6b3030;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5}.auth-switch{color:#8995a8;text-align:center;margin-top:25px;font-size:14px}.auth-switch button{color:#f7931a;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-family:inherit;font-weight:600}.auth-switch button:hover{text-decoration:underline}@media (width<=600px){.auth-card{padding:28px 22px}.auth-heading h1{font-size:28px}}.dashboard-page{color:#fff;background:#0b0f19;min-height:100vh}.dashboard-navbar{background:#0b0f19;border-bottom:1px solid #1d2533;justify-content:space-between;align-items:center;min-height:78px;padding:15px 7%;display:flex}.dashboard-user{align-items:center;gap:20px;display:flex}.dashboard-user-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dashboard-user-info strong{font-size:14px}.dashboard-user-info span{color:#778398;font-size:12px}.dashboard-logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #30394a;border-radius:8px;padding:10px 16px;font-family:inherit}.dashboard-logout:hover{background:#161d29}.dashboard-content{max-width:1250px;margin:auto;padding:55px 7% 90px}.dashboard-heading{margin-bottom:35px}.dashboard-heading h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.15}.dashboard-heading p{color:#8995a8;max-width:650px;margin-top:14px;line-height:1.7}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:60px;display:grid}.dashboard-card{background:#101722;border:1px solid #202a3a;border-radius:14px;min-height:150px;padding:25px}.balance-card{border-color:#354256}.dashboard-card-label{color:#778398;letter-spacing:1.5px;font-size:11px;font-weight:700;display:block}.dashboard-balance{margin-top:15px;font-size:32px;display:block}.dashboard-value{margin-top:18px;font-size:23px;display:block}.dashboard-card-muted{color:#68758a;margin-top:8px;font-size:12px;display:block}.dashboard-section{margin-top:55px}.dashboard-section-heading{margin-bottom:25px}.dashboard-section-heading h2{margin:0;font-size:30px}.dashboard-table{background:#101722;border:1px solid #202a3a;border-radius:14px;overflow:hidden}.dashboard-table-header,.dashboard-table-row{grid-template-columns:1.5fr 1fr .7fr;align-items:center;gap:20px;padding:18px 22px;display:grid}.dashboard-table-header{color:#778398;letter-spacing:1px;border-bottom:1px solid #202a3a;font-size:11px;font-weight:700}.dashboard-table-row{color:#dce2eb;border-bottom:1px solid #1b2432;font-size:14px}.dashboard-table-row:last-child{border-bottom:none}.dashboard-table-row span:first-child{flex-direction:column;gap:4px;display:flex}.dashboard-table-row small{color:#778398;font-size:11px}.status-badge{color:#3ddc97;background:#3ddc971a;border-radius:5px;width:fit-content;padding:5px 9px;font-size:11px}.empty-dashboard-card{text-align:center;background:#101722;border:1px solid #202a3a;border-radius:14px;padding:45px 25px}.empty-icon{font-size:32px}.empty-dashboard-card h3{margin:15px 0 8px}.empty-dashboard-card p{color:#8995a8;max-width:550px;margin:0 auto 22px;font-size:14px;line-height:1.7}.dashboard-primary-button{color:#fff;cursor:pointer;background:#f7931a;border:none;border-radius:8px;padding:13px 20px;font-family:inherit;font-weight:700}.dashboard-primary-button:hover{background:#ff9f2e}@media (width<=850px){.dashboard-grid{grid-template-columns:1fr}.dashboard-user-info{display:none}}@media (width<=600px){.dashboard-navbar{padding:15px 5%}.dashboard-content{padding-left:5%;padding-right:5%}.dashboard-table-header{display:none}.dashboard-table-row{grid-template-columns:1fr;gap:10px}.dashboard-heading h1{font-size:34px}}
