/* Subli Pop — calmer surfaces, stronger typography, shared violet identity. */
:root{--primary:#8f50d5;--secondary:#6751bf;--accent:#d65c87;--cyan:#6650b3}
html{scroll-padding-top:90px}body{overflow-x:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd92ee;outline-offset:4px}
[data-theme=light]{--bg-primary:#f6f3f8;--bg-secondary:#fffdff;--bg-card:#fff;--text-primary:#241d32;--text-secondary:#665e72;--border-color:#e5deeb}
.navbar,nav.navbar{backdrop-filter:blur(18px);border-bottom:1px solid var(--border-color)}
.hero{min-height:660px!important;height:min(86vh,900px)!important;background:radial-gradient(ellipse at 75% 40%,#cdb6ec70,transparent 55%),linear-gradient(125deg,#faf7ff,#e9e0f3)!important;isolation:isolate}
.hero .box-wrapper,.hero .hero-vignette,.hero .hero-bg,.hero .glowing-orb,.hero .orb,.hero .particles{display:none!important}.hero:before{content:'SP';position:absolute;right:4%;top:10%;font:600 clamp(200px,36vw,560px)/1 'Space Grotesk',sans-serif;color:#7d4bad08;transform:rotate(-12deg);pointer-events:none}
.hero-content{max-width:1150px!important;width:100%!important;margin:auto!important;padding:80px 7%!important;text-align:left!important;z-index:2!important}.hero-eyebrow{justify-content:flex-start!important;font-size:10px!important;letter-spacing:.14em!important;color:#78578f!important}.hero-title{max-width:850px!important;line-height:.99!important;margin:22px 0!important}.hero-title-3d{font-family:'Space Grotesk','Poppins',sans-serif!important;font-size:clamp(42px,7.2vw,100px)!important;font-weight:600!important;letter-spacing:-.065em!important;color:#2b203a!important;background:none!important;-webkit-text-fill-color:#2b203a!important;text-shadow:none!important;filter:none!important;transform:none!important}.hero-title-3d:before,.hero-title-3d:after{display:none!important}.hero-subtitle{color:#6e5e7e!important;font-size:clamp(14px,1.5vw,18px)!important;max-width:490px!important;margin:24px 0!important;line-height:1.8!important}.hero-buttons{justify-content:flex-start!important;gap:12px!important}.btn-cyan,.btn-magenta{border-radius:10px!important;box-shadow:none!important;font:500 13px 'Poppins',sans-serif!important;padding:15px 23px!important;text-transform:none!important;letter-spacing:0!important}.btn-cyan{background:#7544ce!important;color:white!important;border:1px solid #7544ce!important}.btn-magenta{background:transparent!important;color:#4e3a68!important;border:1px solid #cfc0df!important}.hero .scroll-indicator{color:#84728d!important}.marquee-section{background:#302039!important;padding:14px 0!important;color:#f0e6f6!important}.marquee-content{font-size:11px!important;letter-spacing:.14em!important}.marquee-track{animation-duration:60s!important}
.products-3d-section{max-width:1280px;margin:auto;padding:85px 5%!important}.sp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.sp-section-heading h2{font-family:'Space Grotesk','Poppins',sans-serif;font-size:clamp(28px,3.5vw,45px);line-height:1.18;letter-spacing:-.045em;font-weight:500;margin-top:10px;color:var(--text-primary)}.sp-section-heading h2 em{font-style:normal;color:var(--primary)}.sp-section-heading>p{max-width:315px;font-size:12px;line-height:1.8;color:var(--text-secondary)}
.product-card{border-radius:18px!important;box-shadow:0 5px 22px #2c1b4410!important;border:1px solid var(--border-color)!important;transition:transform .2s!important}.product-card:hover{transform:translateY(-4px)!important}.product-card img{object-fit:contain!important}.section-title{letter-spacing:-.025em!important}.btn-primary{box-shadow:none!important;border-radius:10px!important}.cart-drawer{box-shadow:-12px 0 60px #1e0b3420!important}.cart-drawer button{min-height:38px}
.sidebar{border-right:1px solid #ffffff0c!important}.nav-item{border-radius:10px!important}.nav-item.active{background:#8f50d51f!important;border-color:#9560d6!important}.stat-card,.chart-card,.content-card{border-radius:16px!important;border:1px solid var(--border)!important;box-shadow:none!important}.page-header{margin-bottom:26px}.page-header p{font-size:12px;color:var(--text-secondary);max-width:700px;margin-top:10px}.page-title{letter-spacing:-.04em!important}.login-card{border:1px solid #9d7cb733!important;box-shadow:0 24px 80px #25123430!important}.login-logo{border-radius:20px!important;background:#7544ce!important}.login-title{letter-spacing:-.035em!important}.login-btn{background:#7544ce!important;box-shadow:none!important}
@media(max-width:760px){.hero{min-height:550px!important;height:auto!important}.hero-content{padding:90px 6% 85px!important}.hero-title-3d{font-size:clamp(42px,10.6vw,72px)!important}.products-3d-section{padding:52px 4%!important}.sp-section-heading{display:block}.sp-section-heading>p{margin-top:16px;max-width:none}.hero-buttons{flex-wrap:wrap}.btn-cyan,.btn-magenta{padding:13px 17px!important}.main-content{padding:20px!important}.page-title{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}