@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root{--bg:#09090b;--bg-secondary:#111114;--card:#17171c;--text:#fff;--text-secondary:#a1a1aa;--purple:#8b5cf6;--purple-light:#a78bfa;--border:#27272a}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
.navbar{padding:20px 0;transition:.3s}.navbar.scrolled{background:rgba(9,9,11,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}
.logo,.footer-logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.logo span,.footer-logo span{color:var(--purple-light)}.nav-link{color:var(--text-secondary)!important;margin:0 8px}.nav-link:hover{color:#fff!important}
.btn-primary-custom{background:var(--purple);border:none;color:#fff;padding:12px 24px;border-radius:10px;transition:.3s}.btn-primary-custom:hover{background:var(--purple-light);color:#fff;transform:translateY(-2px)}
.hero{background:radial-gradient(circle at 70% 40%,rgba(139,92,246,.15),transparent 35%),var(--bg)}.hero-content{max-width:650px}.badge-custom{display:inline-block;padding:8px 15px;background:rgba(139,92,246,.1);color:var(--purple-light);border:1px solid rgba(139,92,246,.3);border-radius:50px;margin-bottom:25px}
.hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-2px}.hero h1 span{color:var(--purple-light)}.hero p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:25px 0}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.hero-stats{display:flex;gap:40px;margin-top:50px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.4rem}.hero-stats span{font-size:.85rem;color:var(--text-secondary)}
.hero-visual{position:relative;height:550px}.floating-card{position:absolute;background:rgba(23,23,28,.9);border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.4)}.card-one{width:430px;top:80px;left:50px;padding:20px;transform:rotate(-5deg)}.card-two{width:250px;bottom:50px;left:0;padding:20px;transform:rotate(5deg)}
.mini-header{margin-bottom:20px}.dots span{display:inline-block;width:10px;height:10px;background:var(--text-secondary);border-radius:50%;margin-right:5px}.design-preview{display:flex;height:250px}.preview-sidebar{width:80px;background:#222229;border-radius:10px 0 0 10px}.preview-content{flex:1;padding:25px;background:#111114;border-radius:0 10px 10px 0}.preview-title{width:50%;height:15px;background:var(--purple);border-radius:20px;margin-bottom:35px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-cards div{height:110px;background:#27272f;border-radius:10px}
.designer-profile{display:flex;align-items:center;gap:12px}.avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--purple-light))}.designer-profile p{color:var(--text-secondary);margin:0;font-size:.8rem}.rating{color:#fbbf24;margin-top:20px}.glow{position:absolute;width:250px;height:250px;background:var(--purple);filter:blur(150px);opacity:.25;z-index:-1}.glow-one{top:50px;right:50px}.glow-two{bottom:0;left:0}
.section{padding:120px 0}.section-dark{background:var(--bg-secondary)}.section-tag{color:var(--purple-light);font-size:.8rem;font-weight:700;letter-spacing:2px}.section h2,.section-title h2,.cta-section h2{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;margin:15px 0 25px}.section h2 span{color:var(--purple-light)}.section p{color:var(--text-secondary);line-height:1.8}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-mini{padding:30px;background:var(--card);border:1px solid var(--border);border-radius:15px;transition:.3s}.feature-mini:hover,.resource-card:hover,.step-card:hover{transform:translateY(-5px);border-color:var(--purple)}.feature-mini i,.step-card i{font-size:1.8rem;color:var(--purple-light)}.feature-mini h5{margin-top:20px}
.section-title{max-width:700px;margin:auto}.section-title p{color:var(--text-secondary)}.step-card{position:relative;padding:40px;height:100%;background:var(--card);border:1px solid var(--border);border-radius:18px;transition:.3s}.step-card:hover{transform:translateY(-8px)}.step-card h4{margin:25px 0 15px}.step-card p,.resource-card p{color:var(--text-secondary)}.step-number{position:absolute;right:25px;top:25px;color:#33333a;font-size:1.5rem;font-weight:bold}
.resource-card{padding:35px;height:100%;background:var(--card);border:1px solid var(--border);border-radius:18px;transition:.3s}.icon-box{width:55px;height:55px;display:grid;place-items:center;background:rgba(139,92,246,.15);border-radius:12px;color:var(--purple-light);font-size:1.5rem}.resource-card h4{margin:25px 0 15px}
.cta-section{padding:130px 0;background:radial-gradient(circle at center,rgba(139,92,246,.25),transparent 50%),var(--bg-secondary)}.cta-section p{max-width:600px;margin:0 auto 35px;color:var(--text-secondary)}
footer{padding:70px 0 20px;border-top:1px solid var(--border)}footer p{color:var(--text-secondary);margin-top:15px}footer h6{margin-bottom:20px}footer ul{list-style:none;padding:0}footer li{margin-bottom:10px}footer a{color:var(--text-secondary);text-decoration:none;transition:.3s}footer a:hover{color:var(--purple-light)}.social-icons{display:flex;gap:12px}.social-icons a{width:40px;height:40px;display:grid;place-items:center;background:var(--card);border-radius:10px}.footer-bottom{border-top:1px solid var(--border);margin-top:50px;padding-top:20px;text-align:center}
@media(max-width:991px){.hero{padding-top:100px}.hero-visual{height:450px;margin-top:50px}.card-one{width:90%;left:5%}.hero-stats{gap:25px}}@media(max-width:576px){.hero h1{font-size:3rem}.hero-stats{flex-wrap:wrap}.features-grid{grid-template-columns:1fr}.card-two{width:220px}}