@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.header{background:#fff;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 60px;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.header:after{content:"";background:#64ffda;width:100%;height:5px;position:absolute;bottom:0;left:0}.logo{cursor:pointer;align-items:center;height:100%;display:flex}.logo img{object-fit:contain;width:auto;height:62px}.nav{gap:35px;display:flex}.nav a{color:#0a192f;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s}.nav a:hover{color:#0a192f;font-weight:700}.header-buttons{gap:15px;display:flex}.login-btn,.signup-btn{cursor:pointer;border:none;border-radius:6px;width:95px;height:35px;font-family:Poppins,sans-serif;font-weight:600}.login-btn{color:#fff;background:#0a192f}.signup-btn{color:#0a192f;background:gold}.login-btn:hover,.signup-btn:hover{opacity:.9}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.dropdown{cursor:pointer;position:relative}.dropdown-title{align-items:center;gap:6px;display:flex}.arrow{transition:transform .3s}.dropdown:hover .arrow{transform:rotate(180deg)}.dropdown-menu{opacity:0;visibility:hidden;z-index:100;background:#fff;border-radius:10px;flex-direction:column;min-width:180px;padding:10px 0;transition:all .25s;display:flex;position:absolute;top:40px;left:0;transform:translateY(-10px);box-shadow:0 12px 30px #00000026}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{color:#0a192f;white-space:nowrap;padding:10px 16px;font-size:14px;text-decoration:none}.dropdown-menu a:hover{background-color:#f5f5f5}.menu-btn{display:none}@media (width>=1440px){.header{padding-left:50px;padding-right:50px}}@media (width<=1024px){.header{padding:0 30px}.nav{gap:10px}}@media (width<=768px){.header{justify-content:flex-start;gap:8px;padding-left:20px;padding-right:20px}.menu-btn{cursor:pointer;background:0 0;border:none;padding:4px;display:block}.menu-icon{width:26px;height:26px;transition:transform .3s;display:block}.menu-btn.open .menu-icon{transform:rotate(90deg)}.logo{margin-left:0;padding-left:0}.header-buttons{margin-left:auto}.desktop-nav{display:none}.mobile-nav{z-index:200;background:#fff;flex-direction:column;width:100%;padding:12px 0;display:flex;position:absolute;top:70px;left:0;box-shadow:0 12px 30px #00000026}.mobile-nav a,.mobile-services-toggle{color:#0a192f;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 24px;font-size:16px;font-weight:500;text-decoration:none}.mobile-nav a:hover,.mobile-services-toggle:hover{background-color:#f5f5f5}.mobile-services{flex-direction:column;display:flex}.mobile-services-menu{border-left:3px solid #64ffda;flex-direction:column;padding-left:20px;display:flex}.mobile-services-menu a{padding:10px 24px;font-size:15px}.mobile-services-toggle .arrow{margin-left:8px;transition:transform .25s}.mobile-services-toggle .arrow.open{transform:rotate(180deg)}}@media (width<=425px){.header{padding-left:14px;padding-right:14px}.nav{gap:0}.logo img{height:46px}.header-buttons{gap:10px}.login-btn,.signup-btn{width:80px;height:32px;font-size:13px}}.footer{color:#fff;background-color:#0a192f;font-family:Montserrat,sans-serif}.footer-top-line{background-color:#64ffda;height:5px}.footer-content{grid-template-columns:2.6fr 1fr 1fr 1fr;align-items:flex-start;width:100%;margin:0 auto;padding:60px 80px;display:grid}.footer-col h4{margin-bottom:14px;font-size:16px}.footer-col p{color:#cbd5f5;font-size:13px;line-height:1.6}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{cursor:pointer;margin-bottom:10px;font-size:13px}.about-row{align-items:flex-start;gap:54px;display:flex}.footer-logo{text-align:center;min-width:130px}.footer-logo-img{object-fit:contain;width:88px;height:auto;margin-bottom:6px}.footer-tagline{color:#cbd5f5;letter-spacing:.6px;font-size:11px}.about-text h4{margin-bottom:10px}.about-text p{text-align:justify;max-width:600px}.social-icons{gap:10px;margin-bottom:10px;display:flex}.social-icons span{cursor:pointer;background:#132a4f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.social-icons svg{font-size:14px}.mail-icon{font-weight:700}.email{color:#cbd5f5;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin:0 auto;padding:18px 80px;font-size:12px;display:flex}.footer-links span{cursor:pointer;margin-left:24px}.footer-content .footer-col:nth-child(2),.footer-content .footer-col:nth-child(3),.footer-content .footer-col:nth-child(4){justify-self:end}@media (width>=1440px){.footer-content{grid-template-columns:3.4fr .5fr .7fr .9fr;column-gap:60px;width:100%;max-width:100%;padding-left:80px;padding-right:80px}.footer-bottom{width:100%;max-width:100%;padding-left:80px;padding-right:80px}.footer-col:nth-child(2),.footer-col:nth-child(3),.footer-col:nth-child(4){justify-self:start}}@media (width<=1024px){.footer-content{grid-template-columns:repeat(3,1fr);gap:60px;padding-left:60px;padding-right:60px}.footer-content .footer-col.about{grid-column:1/-1;justify-self:center}.about-row{flex-direction:row}.about-text p{max-width:500px}.footer-content .footer-col:nth-child(2){text-align:left;justify-self:start}.footer-content .footer-col:nth-child(3){text-align:left;justify-self:center}.footer-content .footer-col:nth-child(4){text-align:left;justify-self:end}.footer-bottom{margin-top:-20px;padding-left:60px;padding-right:60px}}@media (width<=768px){.footer-content{grid-template-columns:1fr 1fr;row-gap:32px;padding-left:50px;padding-right:50px;display:grid}.footer-col.about{grid-column:1/-1}.about-row{text-align:center;flex-direction:column;align-items:center;gap:16px}.footer-logo,.about-text{text-align:center}.about-text p{text-align:justify;max-width:100%}.footer-col:nth-child(2){text-align:left;justify-self:start}.footer-col:nth-child(3){text-align:right;justify-self:end}.footer-col:nth-child(4){text-align:center;grid-column:1/-1;justify-items:center;width:fit-content;margin:0 auto}.social-icons{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:8px;padding:14px 20px;font-size:11px}.footer-links span{margin:0 10px}}@media (width<=425px){.footer-content{grid-template-columns:repeat(2,1fr);row-gap:32px;padding:32px 20px}.footer-col.about{grid-column:1/-1}.about-row{flex-direction:column;align-items:center;gap:16px}.footer-logo,.about-text{text-align:center}.about-text p{text-align:justify;max-width:100%}.footer-col:nth-child(2){text-align:left;grid-column:1/2;justify-self:start}.footer-col:nth-child(3){text-align:left;grid-column:2/3;justify-self:start}.footer-col:nth-child(4){text-align:center;grid-column:1/-1;justify-self:center;width:fit-content}.social-icons{justify-content:center}.email{text-align:center;font-size:11px}.footer-bottom{text-align:center;flex-direction:column;gap:8px;padding:14px 20px;font-size:11px}.footer-links span{margin:0 10px}}.hero-slider{color:#fff;background:#0a192f;width:100%;height:440px;padding:25px 90px;position:relative;overflow:hidden}.hero-slider:after{content:"";background:#64ffda;width:100%;height:5px;position:absolute;left:0}.hero-slider:before{top:0}.hero-slider:after{bottom:0}.slides{height:100%;position:relative}.slide{background:0 0;justify-content:space-between;align-items:center;gap:40px;height:100%;display:none}.slide.active{display:flex}.slide-content{max-width:520px}.slide-content h1{font-size:42px;line-height:1.2}.slide-content h1 span{color:#64ffda}.slide-content p{color:#cbd5f5;margin:16px 0 24px;font-size:15px}.slide-content button{color:#0a192f;cursor:pointer;background:gold;border:none;border-radius:10px;width:129px;height:35px;font-weight:600}.slide-image{width:460px;height:360px;position:relative}.galaxy-layer{background-image:var(--galaxy);z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;animation:4s ease-in-out infinite float;position:relative}.galaxy-layer.with-universe:before{content:"";filter:blur(.2px);z-index:-1;background-image:url(/assets/Universe%20BG%20gif-BQmAF2vl.gif);background-position:50%;background-repeat:no-repeat;background-size:90%;border-radius:55% 45% 50% 50%;position:absolute;inset:0}.slide-image img{filter:drop-shadow(0 0 40px #64ffda40);max-width:480px;animation:4s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.dots{justify-content:center;gap:8px;display:flex}.dot{cursor:pointer;background:#8892b0;border-radius:50%;width:8px;height:8px}.dot.active{background:#fff}body{font-family:Montserrat,sans-serif}.webbuilder{text-align:center;padding:60px 0}.webbuilder h2{margin-bottom:6px;font-size:32px}.subtitle{color:#555;margin-top:0;margin-bottom:56px;font-size:14px;font-weight:600;display:inline-block;position:relative}.subtitle:after{content:"";background-color:gold;border-radius:4px;width:100%;height:4px;margin:6px auto 0;display:block;box-shadow:0 4px 6px #ffd70073}.builder-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.level-row{align-items:center;height:90px;display:flex}.levels-column{flex-direction:column-reverse;align-items:flex-end;padding-right:20px;display:flex}.step-btn{color:#fff;text-align:center;white-space:nowrap;background:#0a192f;border:1.5px solid #000;border-radius:999px;justify-content:center;align-items:center;width:200px;height:56px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;display:flex}.track-column{justify-content:center;width:120px;display:flex}.track{flex-shrink:0;width:18px;height:450px;margin:0 auto;padding-top:45px;padding-bottom:45px;position:relative}.gradient-line{background:linear-gradient(#64ffda 0%,#a6ffdd 30%,#ffe600 75%,gold 100%);border-radius:20px;position:absolute;inset:0}.rocket{cursor:grab;-webkit-user-select:none;user-select:none;height:34px;font-size:34px;line-height:34px;transition:top .25s ease-out;position:absolute;left:50%;transform:translate(-50%)}.desc-column{flex-direction:column-reverse;padding-left:20px;display:flex}.desc-box{text-align:left;background:#fff;border:1px solid #0a192f;border-radius:14px;max-width:380px;margin:0;padding:16px 18px;font-size:12px;font-weight:500;box-shadow:0 6px 18px #00000026}.rocket-hint{color:#fff;text-align:center;pointer-events:none;background:#0a192f;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;animation:1.6s ease-in-out infinite hintFloat;position:absolute;bottom:-70px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.rocket-hint span{margin-top:4px;font-size:18px;display:block}.rocket-hint small{opacity:.75;display:block}@keyframes hintFloat{0%{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}to{transform:translate(-50%)}}.logo-maker-section{justify-content:center;padding:120px 0;display:flex;position:relative}.logo-maker-section:before{content:"";z-index:0;background:#0a192f;width:100%;height:160px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.logo-maker-container{z-index:1;background:#fff;border:2px solid gold;border-radius:26px;width:100%;max-width:1200px;padding:52px 48px;position:relative;box-shadow:0 6px 5px #0000006b,0 4px 20px #00000040,0 30px 50px #0000002e}.logo-maker-title{color:#0a192f;background:gold;border:1px solid #000;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto 40px;padding:12px 48px;font-size:28px;font-weight:700;display:flex}.logo-maker-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.maker-card{text-align:center;background:#0a192f;border:2px solid #2ee6c5;border-radius:22px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 3px #0a192f,0 16px 40px #00000040}.maker-images{background:#fff;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:5px;margin:5px;padding:5px;display:grid}.maker-images div{border-radius:10px;height:74px}.maker-images div:first-child{background:#6ef7d6}.maker-images div:nth-child(2){background:#8f97b5}.maker-images div:nth-child(3){background:#3a8bf5}.maker-profile,.maker-tags{background:#fff;margin:0 5px}.maker-profile{border-radius:14px 14px 0 0;padding:16px 18px 6px;position:relative}.avatar{background:#fff;border:3px solid #ffd400;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:-50px auto 8px;display:flex}.avatar:after{content:"";border-radius:50%;width:38px;height:38px}.maker-profile h4{color:#0a192f;margin-bottom:2px;font-size:15px;font-weight:700}.maker-profile span{color:#8a94b3;font-size:12px}.maker-tags{border-radius:0 0 14px 14px;justify-content:center;gap:8px;padding:8px 10px 12px;display:flex}.maker-tags span{color:#0a192f;background:#fff;border:1.5px solid #8892b0;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:600}.maker-stats{color:#0a192f;background:#fff;justify-content:space-between;align-items:center;margin:5px 0 0;padding:10px 18px;font-size:12px;display:flex}.maker-stats span:first-child:after{content:"★";color:gold;margin-left:4px}.maker-btn{color:#0a192f;cursor:pointer;background:#fff;border:none;border-radius:999px;width:calc(100% - 30px);margin:12px auto 16px;padding:10px;font-size:13px;font-weight:600}@media (width<=1240px){.logo-maker-container{max-width:1100px}}@media (width<=1120px){.logo-maker-container{max-width:1000px;padding:44px 36px}}@media (width<=1024px){.logo-maker-container{max-width:880px;padding:44px 36px}.maker-tags span{color:#0a192f;background:#fff;border:1.5px solid #8892b0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}}@media (width<=940px){.logo-maker-container{max-width:740px}.logo-maker-grid{grid-template-columns:repeat(2,1fr);justify-self:center;gap:24px}.logo-maker-grid .maker-card:first-child{grid-column:1/-1;justify-self:center}}@media (width<=880px){.logo-maker-container{max-width:700px}.logo-maker-grid{grid-template-columns:repeat(2,1fr);justify-self:center;gap:24px}.logo-maker-grid .maker-card:first-child{grid-column:1/-1;justify-self:center}}@media (width<=790px){.logo-maker-container{max-width:620px}.logo-maker-grid{grid-template-columns:repeat(2,1fr);justify-self:center;gap:24px}.logo-maker-grid .maker-card:first-child{grid-column:1/-1;justify-self:center}.maker-images div{height:64px}.maker-tags span{color:#0a192f;background:#fff;border:1.5px solid #8892b0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.logo-maker-title{color:#0a192f;background:gold;border:1px solid #000;justify-content:center;align-items:center;width:fit-content;margin:0 auto 40px;padding:12px 28px;font-size:26px;font-weight:700;display:flex}}@media (width<=690px){.logo-maker-container{max-width:480px}.logo-maker-grid{grid-template-columns:repeat(1,1fr);gap:24px}}@media (width<=595px){.logo-maker-container{max-width:410px}.logo-maker-grid{grid-template-columns:repeat(1,1fr);gap:24px}.logo-maker-title{color:#0a192f;text-align:center;background:gold;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;width:fit-content;margin:0 auto 40px;padding:12px 28px;font-size:26px;font-weight:700;display:flex}}@media (width<=515px){.logo-maker-container{max-width:360px}.logo-maker-title{color:#0a192f;text-align:center;background:gold;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;width:fit-content;margin:0 auto 40px;padding:12px 28px;font-size:26px;font-weight:700;display:flex}}@media (width<=430px){.logo-maker-container{max-width:310px}.logo-maker-grid{grid-template-columns:repeat(1,1fr);gap:24px}.maker-images div{height:64px}.maker-tags span{color:#0a192f;background:#fff;border:1.5px solid #8892b0;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:550}.logo-maker-title{color:#0a192f;background:gold;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;width:fit-content;margin:0 auto 40px;padding:12px 28px;font-size:22px;font-weight:700;display:flex}}.logo-maker-carousel-section{flex-direction:column;align-items:center;padding:0 0 60px;display:flex}.logo-maker-carousel-viewport{backface-visibility:hidden;border-radius:28px;width:100%;max-width:1200px;overflow:hidden;transform:translateZ(0)}.logo-maker-carousel-track{will-change:transform;transition:transform .85s cubic-bezier(.22,1,.36,1);display:flex}.logo-maker-carousel-card{min-width:100%;box-shadow:none;background:linear-gradient(#071a34,#0a192f);border-radius:28px;align-items:center;gap:60px;padding:52px 56px 80px;display:flex;position:relative}.carousel-left{color:#fff;text-align:justify;max-width:700px}.carousel-left h1{font-size:34px;font-weight:700}.carousel-left h1 span{color:#64ffda}.carousel-left p{color:#cbd5f5;margin-bottom:10px;font-size:14px;line-height:1.6}.carousel-btn{color:#071a34;cursor:pointer;background:gold;border:none;border-radius:10px;margin-top:14px;padding:10px 24px;font-weight:700}.carousel-right{flex:1;justify-content:flex-end;display:flex}.carousel-image{color:#999;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:320px;height:240px;display:flex;box-shadow:0 12px 30px #00000059}.carousel-dots{gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.carousel-dots span{opacity:.4;cursor:pointer;background:#cbd5f5;border-radius:50%;width:8px;height:8px}.carousel-dots span.active{opacity:1;background:gold}@media (width<=1240px){.logo-maker-carousel-viewport{max-width:1100px}}@media (width<=1120px){.logo-maker-carousel-viewport{max-width:1000px}}@media (width<=1024px){.logo-maker-carousel-viewport{max-width:890px}.logo-maker-carousel-card{gap:28px;padding:36px 40px 60px}.carousel-left h1{font-size:28px}.carousel-left p{font-size:13.5px;line-height:1.55}.carousel-image{width:280px;height:200px}}@media (width<=940px){.logo-maker-carousel-viewport{max-width:840px}}@media (width<=880px){.logo-maker-carousel-viewport{max-width:760px}}@media (width<=790px){.logo-maker-carousel-viewport{max-width:660px}}@media (width<=690px){.logo-maker-carousel-viewport{max-width:560px}.logo-maker-carousel-card{text-align:center;flex-direction:column;align-items:center;padding:28px 28px 60px}.carousel-right{order:-1;justify-content:center;width:100%;margin-bottom:16px}}@media (width<=595px){.logo-maker-carousel-viewport{max-width:480px}.logo-maker-carousel-card{text-align:center;flex-direction:column;align-items:center;padding:28px 28px 60px}.carousel-right{order:-1;justify-content:center;width:100%;margin-bottom:16px}}@media (width<=515px){.logo-maker-carousel-viewport{max-width:400px}.logo-maker-carousel-card{text-align:center;flex-direction:column;align-items:center;padding:28px 23px 60px}.carousel-right{order:-1;justify-content:center;width:100%;margin-bottom:16px}}@media (width<=430px){.logo-maker-carousel-viewport{max-width:310px}.logo-maker-carousel-card{text-align:center;flex-direction:column;align-items:center;padding:28px 18px 60px}.carousel-right{order:-1;justify-content:center;width:100%;margin-bottom:16px}.carousel-image{width:100%;max-width:260px;height:160px}.carousel-left{width:100%}.carousel-left h1{margin-bottom:10px;font-size:22px;line-height:1.25}.carousel-left p{margin-bottom:8px;font-size:12.5px;line-height:1.55}.carousel-btn{margin:14px auto 0;padding:9px 22px;font-size:13px}.carousel-dots{bottom:18px}}@media (width<=355px){.logo-maker-carousel-viewport{max-width:260px}.logo-maker-carousel-card{text-align:center;flex-direction:column;align-items:center;padding:28px 18px 60px}}.host-section{text-align:center;background:#f3f4f6;padding:60px 20px}.title{color:#0f1c2e;font-size:32px;font-weight:800}.badge{background:#ffc107;border-radius:6px;margin-left:10px;padding:6px 12px;font-size:14px}.subtitle{color:#555;margin-top:10px}.grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.service-card{text-align:left;background:#f4f4f4;border:2px solid #8b93a7;border-radius:20px;padding:25px;box-shadow:0 10px 20px #00000040}.card-header{align-items:center;gap:15px;display:flex}.icon-box{background:#0f1c2e;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.icon-box img{width:28px}.desc{color:#444;margin:15px 0;font-weight:600;line-height:1.5}.row{justify-content:space-between;margin-top:12px;display:flex}hr{border:none;border-top:1px solid #ccc;margin:10px 0}.segments{gap:3px;margin-top:6px;display:flex}.seg{background:#7e8699;border-radius:10px;flex:1;height:6px}.seg.yellow{background:#f4c400}.seg.teal{background:#39d3a5}.seg.gray{background:#7e8699}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid{grid-template-columns:1fr}}