: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}}