@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --ink:#0b1020;--paper:#f6f5f2;--white:#fff;--muted:#6e7280;--line:#dedee4;
  --pink:#ff4ecd;--purple:#7657ff;--cyan:#31dfff;--green:#43f0a0;--yellow:#ffd84d;
  --dark:#10152c;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(11,16,32,.12);position:sticky;top:0;z-index:90;background:rgba(246,245,242,.86);backdrop-filter:blur(16px)}
.brand{display:flex;gap:10px;align-items:center;font-family:'Space Grotesk';font-weight:800;letter-spacing:.04em}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand small{font-family:'DM Sans';font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#8a8e9a;margin-top:5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--ink);color:white;font-size:18px;box-shadow:6px 6px 0 var(--yellow)}
.nav-links{display:flex;gap:34px;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--purple)}
.nav-actions{display:flex;align-items:center;gap:20px}.login-link{font-size:14px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:white;border:0;border-radius:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(11,16,32,.13);transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,16,32,.18)}.btn span{color:var(--yellow)}.btn-sm{padding:11px 16px;border-radius:11px;font-size:13px}.btn-lg{padding:17px 22px}.full{width:100%}
.hero{min-height:700px;padding:82px 5.5% 76px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;overflow:hidden}.hero-copy{max-width:620px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#656a78;display:flex;align-items:center;gap:9px}.eyebrow span{width:22px;height:2px;background:var(--pink)}.hero h1,.section-head h2,.price-left h2,.final-cta h2,.auth-message h1{font-family:'Space Grotesk';font-size:clamp(54px,6.7vw,96px);line-height:.94;letter-spacing:-.055em;margin:20px 0 24px}.hero h1 em,.section-head h2 em,.price-left h2 em,.final-cta h2 em,.auth-message h1 em{font-style:normal;color:var(--purple)}.hero-text{font-size:18px;line-height:1.7;color:#636876;max-width:580px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.play-link{font-weight:800;display:flex;align-items:center;gap:9px}.play-link i{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfd0d6;font-style:normal;font-size:11px}.hero-proof{margin-top:36px;display:flex;align-items:center;gap:15px}.avatars{display:flex}.avatars span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:3px solid var(--paper);font-size:9px;font-weight:900;color:var(--ink)}.avatars span:nth-child(1){background:var(--yellow);margin-left:0}.avatars span:nth-child(2){background:var(--cyan)}.avatars span:nth-child(3){background:var(--pink)}.hero-proof div:last-child{display:flex;flex-direction:column}.hero-proof small{font-size:12px;color:#777b87}
.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.design-window{width:min(680px,92%);height:475px;background:#11172e;border-radius:24px;box-shadow:0 40px 90px rgba(27,21,60,.27),12px 12px 0 var(--cyan);transform:rotate(1.5deg);overflow:hidden;position:relative;z-index:2}.window-top{height:48px;display:flex;align-items:center;justify-content:space-between;color:#bbc1d3;padding:0 18px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.08)}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:#3d455e}.dots i:first-child{background:var(--pink)}.dots i:nth-child(2){background:var(--yellow)}.dots i:nth-child(3){background:var(--green)}.window-body{height:calc(100% - 48px);display:grid;grid-template-columns:48px 1fr 128px}.toolbar{border-right:1px solid rgba(255,255,255,.08);padding:14px 0;display:flex;align-items:center;flex-direction:column;gap:18px;color:#8991a8}.toolbar i{font-style:normal;width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.toolbar i:nth-child(3){background:#2d3653;color:white}.canvas{margin:22px;background:#faf8f4;border-radius:5px;position:relative;overflow:hidden}.hero-svg{width:100%;height:100%;padding:25px}.gridline{position:absolute;background:#7c5cff;opacity:.2}.gridline.v1{top:0;bottom:0;width:1px;left:35%}.gridline.v2{top:0;bottom:0;width:1px;left:65%}.gridline.h1{left:0;right:0;height:1px;top:35%}.gridline.h2{left:0;right:0;height:1px;top:65%}.selection-box{position:absolute;left:32%;top:24%;width:42%;height:48%;border:1px solid #714dff}.selection-box span{position:absolute;width:7px;height:7px;border-radius:50%;background:white;border:1px solid #714dff}.selection-box span:nth-child(1){left:-4px;top:-4px}.selection-box span:nth-child(2){right:-4px;top:-4px}.selection-box span:nth-child(3){left:-4px;bottom:-4px}.selection-box span:nth-child(4){right:-4px;bottom:-4px}.cursor{position:absolute;left:67%;top:68%;font-size:23px;color:#11172e;transform:rotate(-25deg)}.cursor small{position:absolute;left:20px;top:18px;background:#11172e;color:white;border-radius:6px;padding:4px 7px;font-size:8px;white-space:nowrap}.layers{border-left:1px solid rgba(255,255,255,.08);padding:18px 12px;color:#b7bdd1;font-size:10px}.layers strong{font-size:9px;letter-spacing:.12em}.layers>div:not(.palette){display:flex;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.layers i{width:16px;height:16px;border-radius:4px}.c1{background:var(--pink)}.c2{background:var(--cyan)}.c3{background:var(--yellow)}.c4{background:#fff}.palette{display:flex;gap:5px;margin-top:22px}.palette b{height:20px;flex:1;border-radius:4px}.palette b:nth-child(1){background:var(--pink)}.palette b:nth-child(2){background:var(--purple)}.palette b:nth-child(3){background:var(--cyan)}.palette b:nth-child(4){background:var(--yellow)}
.orbit{position:absolute;border:1px solid rgba(118,87,255,.2);border-radius:50%;z-index:0}.orbit-a{width:510px;height:510px}.orbit-b{width:650px;height:650px}.float-pill{position:absolute;z-index:4;background:white;border:1px solid #dedee4;padding:11px 15px;border-radius:999px;font:800 11px 'Space Grotesk';box-shadow:0 10px 30px rgba(11,16,32,.12);animation:float 4.5s ease-in-out infinite}.fp1{top:7%;right:12%}.fp2{bottom:12%;left:2%;animation-delay:-1.4s}.fp3{top:26%;left:-2%;animation-delay:-2.5s}
@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}
.ticker{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:15px 0;transform:rotate(-1deg) scale(1.02)}.ticker div{display:inline-flex;gap:26px;align-items:center;animation:marquee 35s linear infinite;font:700 12px 'Space Grotesk';letter-spacing:.1em}.ticker b{color:var(--yellow)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 5.5%}.section-head{max-width:780px;margin-bottom:48px}.section-head h2,.price-left h2{font-size:clamp(46px,5.5vw,74px)}.section-head p{color:#707480;line-height:1.7;font-size:17px;max-width:620px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .eyebrow{justify-content:center}
.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:330px 280px;gap:17px;max-width:1250px;margin:auto}.card{border-radius:24px;border:1px solid #dedee4;background:white;padding:29px;position:relative;overflow:hidden}.card-large{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.card-wide{grid-column:span 2;display:flex;justify-content:space-between;align-items:center}.card-purple{background:#6c4cff;color:white;border:0}.card-cyan{background:#c5f6ff;border:0}.chip{display:inline-flex;border-radius:999px;padding:7px 10px;background:#f0eff5;font-size:9px;font-weight:800;letter-spacing:.09em}.card h3{font:700 28px 'Space Grotesk';letter-spacing:-.03em;margin:15px 0 8px}.card p{color:#757987;line-height:1.55}.card-purple p{color:#ded7ff}.card strong{font-size:12px}.card-icon{font-size:40px;display:block;margin-bottom:15px}.vector-preview{height:315px;border-radius:18px;background:#f5f2ff;position:relative;overflow:hidden;margin-top:25px}.shape{position:absolute;display:block}.s1{width:190px;height:190px;border-radius:50%;background:var(--yellow);left:15%;top:19%}.s2{width:170px;height:170px;background:var(--pink);border-radius:32px;right:10%;top:12%;transform:rotate(22deg)}.s3{width:160px;height:90px;background:var(--cyan);left:28%;bottom:13%;border-radius:999px;transform:rotate(-19deg)}.s4{width:90px;height:90px;border:20px solid var(--purple);border-radius:50%;right:18%;bottom:10%}.s5{width:0;height:0;border-left:52px solid transparent;border-right:52px solid transparent;border-bottom:90px solid #11172e;left:8%;bottom:6%;transform:rotate(-12deg)}.pen{position:absolute;right:7%;top:43%;font-size:52px;transform:rotate(-38deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.15))}.swatches{display:grid;grid-template-columns:repeat(3,75px);gap:8px;transform:rotate(-8deg);margin-right:35px}.swatches i{height:75px;border-radius:18px}.swatches i:nth-child(1){background:var(--pink)}.swatches i:nth-child(2){background:var(--yellow)}.swatches i:nth-child(3){background:var(--cyan)}.swatches i:nth-child(4){background:var(--green)}.swatches i:nth-child(5){background:var(--purple)}.swatches i:nth-child(6){background:#11172e}
.showcase{background:#11172e;color:white}.showcase .eyebrow{color:#acb1c3}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1250px;margin:auto}.gallery-card{background:#1a2039;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px;transition:.25s transform}.gallery-card:hover{transform:translateY(-7px)}.gallery-card span{display:block;font:700 18px 'Space Grotesk';padding:13px 6px 3px}.gallery-card b{display:block;color:#8e96af;font-size:11px;padding:0 6px 8px}.art{height:245px;border-radius:15px;position:relative;overflow:hidden;background:#222a49}.art:before,.art:after{content:"";position:absolute}.art-1{background:linear-gradient(145deg,#ffd84d,#ff774d)}.art-1:before{width:140px;height:140px;border-radius:40px;background:#10152c;left:50%;top:50%;transform:translate(-50%,-50%) rotate(25deg);box-shadow:70px -40px 0 #31dfff}.art-1:after{width:100px;height:100px;border:18px solid #ff4ecd;border-radius:50%;left:18%;top:16%}.art-2{background:#e9f4ff}.art-2:before{width:120px;height:150px;background:#7657ff;border-radius:60px 60px 30px 30px;left:22%;top:20%;transform:rotate(-14deg);box-shadow:125px 25px 0 #ff4ecd}.art-2:after{width:75px;height:75px;background:#ffd84d;border-radius:50%;left:42%;top:33%;border:11px solid white}.art-3{background:linear-gradient(160deg,#ff4ecd,#7c5cff)}.art-3:before{width:210px;height:100px;background:#ffd84d;left:20%;top:31%;border-radius:999px;transform:rotate(-16deg);box-shadow:0 0 0 12px #11172e}.art-3:after{content:"RETRO";font:900 34px 'Space Grotesk';color:#11172e;left:28%;top:39%;transform:rotate(-16deg)}.art-4{background:#c7fff0}.art-4:before{width:170px;height:130px;background:#11172e;left:27%;top:24%;border-radius:18px;box-shadow:22px 20px 0 #31dfff}.art-4:after{width:90px;height:12px;background:#ffd84d;left:36%;top:46%;box-shadow:0 28px 0 #ff4ecd}.art-5{background:#fff3ce}.art-5:before{width:115px;height:115px;border-radius:50%;background:#ff4ecd;left:18%;top:18%;box-shadow:145px 65px 0 #31dfff}.art-5:after{width:105px;height:105px;background:#7657ff;right:18%;top:17%;transform:rotate(25deg);border-radius:22px}.art-6{background:#eae6ff}.art-6:before{width:230px;height:150px;background:white;border-radius:18px;left:16%;top:18%;box-shadow:10px 10px 0 #7657ff}.art-6:after{width:120px;height:16px;background:#11172e;left:26%;top:37%;box-shadow:0 30px 0 #ff4ecd,0 60px 0 #31dfff}
.how{padding-top:80px}.how-card{max-width:1250px;margin:auto;border-radius:28px;background:#ff4ecd;padding:54px;color:#11172e;overflow:hidden}.how-copy{display:flex;align-items:end;justify-content:space-between;gap:40px}.how-copy h2{font:700 clamp(38px,5vw,62px) 'Space Grotesk';letter-spacing:-.05em;line-height:1;margin:17px 0;max-width:650px}.how-copy p{max-width:390px;line-height:1.65;font-weight:600}.eyebrow.light{color:#11172e}.eyebrow.light span{background:#11172e}.steps{margin-top:45px;background:#11172e;color:white;border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px}.steps>div{display:flex;align-items:center;gap:14px}.steps>div>b{width:43px;height:43px;border-radius:13px;background:#292f49;display:grid;place-items:center;color:var(--yellow)}.steps span{display:flex;flex-direction:column}.steps small{color:#8f96ad}.steps>i{font-style:normal;color:#5d647d}
.price-card{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 360px;gap:65px;background:white;border:1px solid #dedee4;border-radius:30px;padding:55px;position:relative;box-shadow:0 28px 70px rgba(25,25,42,.07)}.popular{position:absolute;right:25px;top:20px;background:var(--yellow);padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900}.price-left h2{font-size:54px}.price-left ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;color:#555a67}.price-box{background:#11172e;color:white;border-radius:22px;padding:31px;display:flex;flex-direction:column;justify-content:center}.price-box>small:first-child{color:#9ea5bd;letter-spacing:.12em;font-weight:800}.price-number{font:700 78px 'Space Grotesk';letter-spacing:-.06em;margin:8px 0}.price-number sup{font-size:26px;vertical-align:top;top:10px;position:relative}.price-number em{font:700 12px 'DM Sans';letter-spacing:.08em;margin-left:10px;color:#9ea5bd}.price-box p{margin-top:-4px;color:#9ea5bd}.secure{text-align:center;margin-top:12px;color:#9ea5bd}
.final-cta{text-align:center;padding:120px 20px 140px;position:relative}.final-cta h2{font-size:clamp(52px,7vw,92px);margin:22px auto 35px}.spark{font-size:40px;color:var(--pink)}
footer{border-top:1px solid #dedee4;padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between;color:#6f7380;font-size:13px}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}

/* AUTH */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:white}.auth-art{position:relative;overflow:hidden;background:#11172e;color:white;padding:50px}.auth-brand{color:white;position:relative;z-index:3}.auth-brand .brand-mark{background:white;color:#11172e;box-shadow:6px 6px 0 var(--pink)}.auth-message{position:absolute;left:9%;top:50%;transform:translateY(-50%);z-index:3}.auth-message .chip{background:rgba(255,255,255,.1);color:white}.auth-message h1{font-size:68px}.auth-message h1 em{color:var(--cyan)}.auth-message p{color:#aab1c7}.auth-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.ao1{width:600px;height:600px;right:-130px;bottom:-120px}.ao2{width:390px;height:390px;right:-20px;bottom:-20px}.auth-shape{position:absolute}.ash1{width:220px;height:220px;border-radius:48px;background:var(--purple);right:13%;bottom:18%;transform:rotate(25deg)}.ash2{width:145px;height:145px;border-radius:50%;background:var(--yellow);right:37%;bottom:22%}.ash3{width:180px;height:70px;border-radius:999px;background:var(--pink);right:11%;bottom:12%;transform:rotate(-18deg)}.auth-panel{display:grid;place-items:center;padding:35px}.auth-box{width:min(430px,100%)}.back{display:inline-block;margin-bottom:65px;font-size:13px;color:#717582;font-weight:700}.auth-box h2{font:700 42px 'Space Grotesk';letter-spacing:-.04em;margin:17px 0 7px}.muted{color:#7b7f8b}.auth-box form{margin-top:34px}.auth-box label{font-size:12px;font-weight:800;display:block;margin:18px 0 8px}.auth-box input{width:100%;border:1px solid #dadbe0;border-radius:12px;padding:15px 16px;outline:none;background:#fafafa}.auth-box input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(118,87,255,.08)}.auth-box form .btn{margin-top:22px}.alert{background:#fff0f3;color:#a92d4b;border:1px solid #ffc9d5;padding:12px;border-radius:11px;margin:15px 0}.demo-access{margin-top:28px;border:1px dashed #d5d6db;border-radius:13px;padding:15px;display:flex;gap:12px;align-items:center}.demo-access>span{font-size:9px;background:var(--yellow);padding:7px 8px;border-radius:7px;font-weight:900}.demo-access p{margin:0;font-size:12px;color:#6f7380}

/* LIBRARY */
.library-page{background:#f2f3f6}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#11172e;color:white;padding:27px 22px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 8px}.sidebar .brand-mark{background:white;color:#11172e;box-shadow:5px 5px 0 var(--cyan)}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:54px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#aab0c5;font-size:13px;font-weight:600}.side-nav a i{width:24px;font-style:normal;text-align:center;font-size:17px}.side-nav a:hover,.side-nav a.active{background:#202842;color:white}.sidebar-bottom{margin-top:auto}.mini-license{padding:15px;border-radius:13px;background:#1c2440;margin-bottom:13px;display:flex;flex-direction:column}.mini-license small{font-size:8px;color:#8f96ae;letter-spacing:.12em}.mini-license b{font-size:11px;margin:4px 0}.mini-license span{color:#58e4a7;font-size:10px}.logout{font-size:12px;color:#969db4;padding:10px;display:block}.library-main{margin-left:245px;min-height:100vh}.library-top{height:80px;background:white;border-bottom:1px solid #e0e1e5;display:flex;align-items:center;padding:0 32px;gap:25px;position:sticky;top:0;z-index:20}.mobile-brand{display:none}.searchbox{height:43px;flex:1;max-width:620px;background:#f4f5f7;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#989da9}.searchbox input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.account-pill{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:11px;background:#11172e;color:white;display:grid;place-items:center;font-weight:900}.account-pill div{display:flex;flex-direction:column}.account-pill b{font-size:12px}.account-pill small{font-size:9px;color:#38ab78}.library-content{padding:30px 32px 60px;max-width:1420px;margin:auto}.dash-hero{min-height:220px;border-radius:23px;background:linear-gradient(125deg,#11172e,#292154 67%,#733bc8);color:white;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.dash-hero h1{font:700 40px 'Space Grotesk';letter-spacing:-.04em;margin:17px 0 4px}.dash-hero p{color:#b6bad0}.chip.dark{background:rgba(255,255,255,.1);color:#fff}.dash-art{position:relative;width:390px;height:200px}.da-shape{position:absolute}.da-shape.a{width:150px;height:150px;border-radius:35px;background:var(--pink);right:80px;top:23px;transform:rotate(25deg)}.da-shape.b{width:110px;height:110px;border-radius:50%;background:var(--yellow);right:210px;top:48px}.da-shape.c{width:150px;height:55px;border-radius:999px;background:var(--cyan);right:15px;top:95px;transform:rotate(-18deg)}.dash-art span{position:absolute;background:white;color:#11172e;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:9px;font-weight:900;z-index:2;box-shadow:0 10px 25px rgba(0,0,0,.18)}.dash-art span:nth-of-type(1){right:185px;top:21px}.dash-art span:nth-of-type(2){right:45px;top:35px}.dash-art span:nth-of-type(3){right:119px;bottom:13px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 36px}.quick-stats>div{background:white;border:1px solid #e0e1e5;border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px}.quick-stats>div>span{width:39px;height:39px;background:#f1efff;border-radius:11px;display:grid;place-items:center;color:var(--purple);font-weight:900}.quick-stats p{margin:0;display:flex;flex-direction:column}.quick-stats b{font:700 18px 'Space Grotesk'}.quick-stats small{color:#959aa5;font-size:10px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.library-heading h2{font:700 26px 'Space Grotesk';margin:0}.library-heading p{font-size:12px;color:#858a96}.filter-pills{display:flex;gap:6px}.filter-pills button{border:1px solid #dcdde2;background:white;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer}.filter-pills button.active{background:#11172e;color:white;border-color:#11172e}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{background:white;border:1px solid #dfe0e5;border-radius:18px;overflow:hidden}.resource-art{height:200px;position:relative;overflow:hidden}.r1{background:#f3e9ff}.r2{background:#e7fff6}.r3{background:#fff1d5}.r4{background:#e8f7ff}.r5{background:#ffe9f6}.r6{background:#eef0ff}.art-label{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);border-radius:999px;padding:7px 9px;font-size:8px;font-weight:900;z-index:3}.mini-art{position:absolute}.r1 .ma1{width:120px;height:120px;border-radius:30px;background:var(--pink);left:22%;top:20%;transform:rotate(22deg)}.r1 .ma2{width:95px;height:95px;border-radius:50%;background:var(--yellow);right:18%;top:24%}.r1 .ma3{width:130px;height:45px;border-radius:999px;background:var(--cyan);left:35%;bottom:18%;transform:rotate(-16deg)}.r2 .ma1{width:130px;height:145px;background:#11172e;border-radius:65px 65px 25px 25px;left:20%;top:17%;transform:rotate(-13deg)}.r2 .ma2{width:100px;height:100px;border-radius:50%;background:var(--green);right:18%;top:24%}.r2 .ma3{width:75px;height:75px;border-radius:18px;background:var(--pink);right:30%;bottom:12%;transform:rotate(24deg)}.r3 .ma1{width:175px;height:115px;background:white;border-radius:14px;left:22%;top:20%;box-shadow:11px 11px 0 var(--yellow)}.r3 .ma2{width:105px;height:11px;background:#11172e;left:33%;top:39%;box-shadow:0 26px 0 var(--pink),0 52px 0 var(--cyan)}.r3 .ma3{display:none}.r4 .ma1{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0 5%,#31dfff 6% 20%,#7657ff 21% 42%,#ff4ecd 43% 63%,#11172e 64%);left:28%;top:5%}.r4 .ma2,.r4 .ma3{display:none}.r5 .ma1{width:145px;height:115px;background:white;border-radius:15px;left:21%;top:22%;box-shadow:16px 16px 0 #11172e}.r5 .ma2{width:85px;height:62px;background:var(--pink);border-radius:9px;right:18%;top:33%}.r5 .ma3{width:54px;height:54px;background:var(--yellow);border-radius:50%;right:30%;bottom:13%}.r6 .ma1{width:90px;height:90px;background:var(--purple);border-radius:28px;left:18%;top:25%;transform:rotate(18deg);box-shadow:110px -15px 0 var(--pink),60px 80px 0 var(--cyan)}.r6 .ma2{width:55px;height:55px;border-radius:50%;background:var(--yellow);right:18%;bottom:18%}.r6 .ma3{display:none}.coming{position:absolute;right:12px;bottom:12px;background:#11172e;color:white;border-radius:8px;padding:6px 8px;font-size:7px;font-weight:900;letter-spacing:.08em}.resource-info{padding:16px}.resource-meta{display:flex;justify-content:space-between;align-items:center}.resource-meta span{font-size:9px;color:var(--purple);font-weight:900;text-transform:uppercase}.resource-meta small{font-size:9px;color:#979ba6}.resource-info h3{font:700 18px 'Space Grotesk';margin:8px 0 4px}.resource-info p{font-size:10px;color:#9297a2}.download-btn{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#11172e;color:white;border:0;border-radius:10px;padding:10px;font-size:10px;font-weight:800;cursor:pointer}.download-btn span{color:var(--cyan);font-size:15px}.download-btn.disabled{background:#ececf0;color:#999da8}.security-banner{margin-top:22px;padding:17px 19px;border-radius:14px;background:#eaf8f2;border:1px solid #c7eadb;display:flex;gap:13px;align-items:center}.security-banner>span{font-size:22px}.security-banner b{font-size:12px}.security-banner p{margin:2px 0 0;color:#618073;font-size:10px}
@media(max-width:1050px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:760px}.hero-art{min-height:500px}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.card-large{grid-row:auto;grid-column:span 2}.card-wide{grid-column:span 2}.gallery{grid-template-columns:1fr 1fr}.price-card{grid-template-columns:1fr}.price-box{max-width:450px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.sidebar{width:205px}.library-main{margin-left:205px}.resource-grid{grid-template-columns:1fr 1fr}.quick-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.nav{height:70px;padding:0 18px}.nav-actions .login-link{display:none}.brand-mark{width:34px;height:34px}.hero{padding:55px 20px 65px}.hero h1{font-size:55px}.hero-art{min-height:360px}.design-window{height:330px;width:105%;transform:rotate(1deg)}.window-body{grid-template-columns:38px 1fr 0}.layers{display:none}.float-pill{font-size:8px}.orbit-a{width:370px;height:370px}.orbit-b{width:460px;height:460px}.section{padding:75px 20px}.bento{display:block}.card{margin-bottom:14px}.card-large{min-height:570px}.card-wide{display:block}.swatches{margin-top:25px}.gallery{grid-template-columns:1fr}.how-card{padding:30px 22px}.how-copy{display:block}.steps{grid-template-columns:1fr}.steps>i{display:none}.price-card{padding:28px 20px}.price-left h2{font-size:42px}.price-left ul{grid-template-columns:1fr}.price-number{font-size:68px}footer{gap:25px;flex-direction:column}.auth-panel{padding:25px}.auth-box .back{margin-bottom:40px}.sidebar{display:none}.library-main{margin-left:0}.library-top{padding:0 16px}.mobile-brand{display:block;font:800 13px 'Space Grotesk'}.account-pill div{display:none}.library-content{padding:20px 15px}.dash-hero{padding:27px 22px;min-height:190px}.dash-art{display:none}.quick-stats{grid-template-columns:1fr 1fr}.library-heading{align-items:flex-start;flex-direction:column}.filter-pills{overflow:auto;width:100%;padding-bottom:3px}.resource-grid{grid-template-columns:1fr}.resource-art{height:220px}}