/* Promplume original design system | HTML5 marketplace template | v1.0 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#151827;--muted:#737783;--line:#e5e6e2;--cream:#f8f8f4;--paper:#ffffff;--mint:#baf5ce;--mint-strong:#9fe8b9;--lav:#c0b2ff;--blue:#7c97ff;--dark:#101424;--dark2:#171d31;--dark3:#20273b;--white:#fff;--radius:18px;--font:'DM Sans',Inter,Arial,sans-serif;--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--shadow:0 22px 70px rgba(24,31,63,.1);--surface:var(--cream);--text:var(--ink);--text2:#626879;--border:var(--line);color-scheme:light}
body.theme-dark{--surface:#131728;--text:#f5f7ff;--text2:#a9afbf;--border:#35394e;--paper:#1c2235;--cream:#131728;--line:#31374c;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #738dff;outline-offset:3px}::selection{background:#bbf2cb;color:#192b2b}.container{max-width:1336px;margin:0 auto;padding:0 34px}.small-container{max-width:1030px;margin:0 auto;padding:0 34px}.muted{color:var(--text2)}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:13px;font-weight:750;letter-spacing:.16em}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#7abf96;box-shadow:0 0 0 4px rgba(121,191,149,.16)}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}.section{padding:88px 0}.section-sm{padding:56px 0}.section-title{font-size:clamp(36px,4.4vw,64px);font-weight:500;letter-spacing:-.065em;line-height:1.07;margin:14px 0 15px}.section-title .serif{letter-spacing:-.045em}.section-copy{font-size:16px;color:var(--text2);max-width:510px;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.section-head h2{margin:10px 0 0;font-size:clamp(27px,3.2vw,43px);line-height:1.13;letter-spacing:-.055em}.kicker{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:100px;padding:13px 22px;min-height:45px;font-size:14px;font-weight:750;line-height:1;white-space:nowrap;transition:background .2s,color .2s,transform .2s,border .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#111320;color:#fff}.btn-dark:hover{background:#313a58;box-shadow:0 12px 35px #0f132633}.btn-mint{background:var(--mint);color:#12241a}.btn-mint:hover{background:#d6ffdf}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:rgba(118,132,178,.1)}.btn-white{background:#fff;color:#171b2c}.btn-outline-light{border-color:#5a6278;color:#fff}.btn-outline-light:hover{background:#ffffff14}.btn-small{min-height:36px;padding:9px 15px;font-size:13px}.btn-square{padding:12px;width:44px;height:44px;min-height:44px}.button-link{border:0;background:transparent;color:inherit;padding:0;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:50px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1.1}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.02em}.badge-mint{background:#dbf9e7;color:#1d6540}.badge-purple{background:#efebff;color:#6651ac}.badge-coral{background:#ffece3;color:#a76140}.badge-dark{background:#171e35;color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.hr{height:1px;background:var(--border);border:0;margin:22px 0}.hidden{display:none!important}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mobile-only{display:none}.desktop-only{display:initial}
/* Brand and global navigation */
.announcement{background:#161927;color:#e2e6ef;text-align:center;font-size:13px;font-weight:600;padding:9px 15px;letter-spacing:.025em}.announcement strong{color:var(--mint);font-weight:750}.announcement a{text-decoration:underline;text-underline-offset:3px}.site-header{height:82px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:50}.site-header .container{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-.095em;white-space:nowrap;color:var(--text);line-height:1}.brand img{width:37px;height:37px}.brand b{font-weight:800}.brand .brand-dot{color:#80aa8b}.nav{display:flex;align-items:center;gap:30px;margin-left:31px}.nav a{font-size:13.5px;font-weight:700;color:var(--text);transition:color .2s}.nav a:hover,.nav a.active{color:#6576c8}.nav-item{position:relative}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.nav-dropdown{display:none;position:absolute;top:24px;left:-18px;width:235px;padding:9px;background:var(--paper);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px}.nav-dropdown a{padding:10px 12px;border-radius:8px;display:flex;gap:9px;align-items:center}.nav-dropdown a:hover{background:#a2b5c214}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-button{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:12px;color:var(--text);height:41px;width:41px}.icon-button:hover{background:#8996b31b}.count-dot{position:absolute;top:2px;right:0;min-width:16px;height:16px;display:grid;place-items:center;background:#c3f4d2;color:#1a3a25;border-radius:10px;font-size:12px;font-weight:800;border:2px solid var(--surface)}.header-actions .signin{white-space:nowrap;font-size:13px;font-weight:750;padding:9px 5px}.search-trigger{border:1px solid var(--border);color:var(--text2);background:transparent;border-radius:30px;padding:10px 12px;min-width:154px;display:flex;justify-content:space-between;gap:17px;align-items:center;font-size:13px}.search-trigger kbd{font-size:12px;font-family:inherit;background:#a4acbc22;border:1px solid var(--border);border-radius:5px;padding:2px 5px}.mobile-menu-btn{display:none}.mobile-nav{display:none;background:var(--paper);border-bottom:1px solid var(--border);padding:20px 25px;position:absolute;left:0;right:0;top:82px;box-shadow:var(--shadow)}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a{padding:10px 0;font-weight:700;font-size:14px}
/* Hero: light editorial */
.hero{background:var(--surface);overflow:hidden;position:relative}.hero .container{position:relative}.hero-stage{height:672px;position:relative;padding-top:42px}.hero-meta{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.hero-number{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.hero-number:before{content:'';height:1px;width:32px;background:#212536}.hero-proof{display:flex;align-items:center;gap:12px}.avatar-stack{display:flex;padding-left:11px}.mini-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-left:-9px;background:#e8dfd9;color:#283141;border:3px solid var(--surface);font-weight:800;font-size:12px}.hero-proof p{margin:0;line-height:1.2;text-align:right;font-weight:800;font-size:13px}.hero-proof p span{font-size:12px;font-weight:500;color:var(--text2)}.orb-wrap{position:absolute;width:min(735px,70vw);aspect-ratio:1;top:-35px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0;filter:saturate(1.15)}.orb-wrap:after{content:'';position:absolute;inset:12%;border-radius:50%;box-shadow:0 15px 72px #5978e92b}.orb{width:100%;height:100%;animation:orbFloat 7s ease-in-out infinite}.hero-title{font-family:var(--serif);font-size:clamp(100px,11.4vw,172px);font-weight:400;letter-spacing:-.076em;line-height:.79;text-align:center;position:absolute;top:138px;left:0;right:0;margin:0;color:#111321;z-index:1;pointer-events:none}.hero-title em{font-weight:400}.hero-title span{display:block}.hero-title .second{margin-top:26px}.hero-bottom{position:absolute;left:0;right:0;bottom:66px;display:flex;align-items:end;justify-content:space-between;gap:32px;z-index:3}.hero-intro{max-width:300px}.hero-intro p{margin:0 0 23px;color:#4a4e59;font-size:15px;line-height:1.75}.hero-intro .buttons{display:flex;gap:10px}.hero-right{max-width:285px}.hero-right .hero-info{padding-left:18px;border-left:1px solid #8b8f9a;font-size:14px;line-height:1.6;color:#45485a}.hero-note{margin:20px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;color:#535661}.hero-note i{font-style:normal;background:#dff7e6;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.float-card{position:absolute;z-index:2;border:1px solid #ffffffa3;background:#fffc;box-shadow:0 12px 40px #0e285525;backdrop-filter:blur(9px);border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:11px}.float-card .float-icon{width:35px;height:35px;border-radius:10px;background:#e8e3ff;display:grid;place-items:center;color:#644e9e}.float-card b{font-size:13px;display:block}.float-card small{color:#616879;font-size:12px}.float-one{top:230px;right:20px;transform:rotate(6deg)}.float-two{top:318px;left:40px;transform:rotate(-7deg)}.ticker-clip{width:100%;overflow:hidden;position:relative;padding:30px 0 12px;margin:-28px 0 -12px}.moving-ticker{overflow:hidden;background:#161928;color:#f4f1ee;transform:rotate(-2.2deg) scale(1.03);position:relative;z-index:3;margin:10px 0 44px;padding:18px 0;white-space:nowrap}.ticker-inner{display:flex;width:max-content;gap:32px;align-items:center;animation:marquee 37s linear infinite}.ticker-inner span{font-size:18px;font-weight:700;letter-spacing:-.045em}.ticker-inner em{font-family:var(--serif);font-size:27px;font-weight:400;font-style:normal;color:#baf5ce}
/* light intro / categories */
.intro-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:30px;align-items:start;padding:76px 0 84px}.intro-label{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.intro-strip blockquote{font-family:var(--serif);font-size:42px;font-style:italic;line-height:1.07;letter-spacing:-.028em;margin:0}.intro-stat{display:flex;flex-direction:column;align-items:start;padding-left:45px;border-left:1px solid var(--border)}.intro-stat b{font-size:42px;font-weight:600;letter-spacing:-.07em;line-height:1}.intro-stat span{font-size:13px;color:var(--text2);margin-top:14px;max-width:200px}.category-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category-tile{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:24px 19px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s,border .25s}.category-tile:hover{transform:translateY(-5px);border-color:#91bcaa;box-shadow:0 18px 35px #172b3d13}.category-icon{width:42px;height:42px;background:#eff5ed;color:#3a6a50;border-radius:13px;display:grid;place-items:center}.category-tile:nth-child(2) .category-icon{background:#f2eaff;color:#7a58af}.category-tile:nth-child(3) .category-icon{background:#eaf1ff;color:#5471ad}.category-tile:nth-child(4) .category-icon{background:#ffede1;color:#b37453}.category-tile:nth-child(5) .category-icon{background:#e8eeee;color:#52666a}.category-tile .cat-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px}.cat-bottom b{font-size:15px;letter-spacing:-.02em}.cat-bottom span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%}
/* dark showcase */
.showcase{background:#111625;color:#fff;position:relative;overflow:hidden;padding:93px 0 92px}.showcase:before{content:'';position:absolute;width:650px;height:520px;background:radial-gradient(closest-side,#40305b66,transparent);top:-200px;right:-145px;pointer-events:none}.showcase .section-copy,.dark-section .section-copy{color:#aeb5c6}.showcase .eyebrow{color:#baf5ce}.showcase h2,.dark-section h2{color:#fff}.tab-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tab-btn{color:#a5adbe;background:#1c2233;border:1px solid #303648;padding:9px 16px;border-radius:100px;font-size:13px;font-weight:750;transition:all .2s}.tab-btn:hover,.tab-btn.active{background:var(--mint);border-color:var(--mint);color:#11261b}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.product-card{background:#1a2234;border:1px solid #343a4e;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0;position:relative}.product-card:hover{transform:translateY(-6px);border-color:#7e8db0;box-shadow:0 19px 45px #03061565}.product-art{height:194px;position:relative;overflow:hidden;background:#2b3450}.product-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover .product-art img{transform:scale(1.07)}.product-badge{position:absolute;left:13px;top:13px;background:#101627d9;color:#fff;border:1px solid #fff2;backdrop-filter:blur(6px);border-radius:7px;padding:6px 9px;font-size:12px;font-weight:750}.wish-btn{position:absolute;right:12px;top:12px;width:33px;height:33px;display:grid;place-items:center;background:#121527a1;border:1px solid #fff2;color:#fff;border-radius:50%;transition:.2s}.wish-btn:hover,.wish-btn.active{background:#f2d8e4;color:#a12857}.product-info{padding:17px 17px 16px}.product-info .product-category{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#b7c0d2;font-weight:750;display:flex;gap:7px;align-items:center}.tiny-dot{height:3px;width:3px;border-radius:50%;background:currentColor}.product-info h3{font-size:15px;line-height:1.4;letter-spacing:-.02em;margin:8px 0 6px;font-weight:750;min-height:39px}.product-info h3 a:hover{color:#b7f1d0}.product-info .subtitle{font-size:13px;color:#a0a9be;margin:0 0 16px;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.rating{font-size:13px;color:#bac1d0;display:inline-flex;align-items:center;gap:4px}.rating svg{color:#f8cb80}.price{font-size:17px;font-weight:800;letter-spacing:-.045em;color:#fff}.price small{font-size:13px;font-weight:500;color:#a5aaba}.card-footer{margin-top:15px;padding-top:13px;border-top:1px solid #343d52;display:flex;align-items:center;justify-content:space-between;gap:9px}.seller-mini{font-size:13px;color:#aeb7ca;display:flex;gap:7px;align-items:center}.seller-mini .avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#283146;font-size:12px;font-weight:800}.cart-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#baf5ce;color:#102819;border:0;border-radius:9px}.cart-btn:hover{background:#fff}.product-card-light{background:var(--paper);border-color:var(--border);color:var(--text)}.product-card-light .product-info .product-category{color:var(--text2)}.product-card-light .product-info .subtitle{color:var(--text2)}.product-card-light .product-info h3 a:hover{color:#5e80aa}.product-card-light .price{color:var(--text)}.product-card-light .rating{color:var(--text2)}.product-card-light .seller-mini{color:var(--text2)}.product-card-light .card-footer{border-color:var(--border)}.product-card-light .cart-btn{background:#151827;color:#fff}
/* Editorial split stories */
.story-split{display:grid;grid-template-columns:.94fr 1.06fr;min-height:480px;border-radius:25px;overflow:hidden;background:#d8e2ff}.story-image{min-height:440px;background:#d3e0fb;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.story-image:before{content:'';width:435px;height:435px;border-radius:100%;background:radial-gradient(circle at 29% 22%,#fff,#afd5ff 23%,#7b9afb 43%,#7c78da 62%,#d4ccf8 74%,#6f8dd8);filter:drop-shadow(0 20px 30px #383a904d);animation:orbFloat 7s ease-in-out infinite}.story-image:after{content:'◎';font-size:370px;position:absolute;color:#fff9;transform:rotate(-27deg);font-weight:100}.story-content{padding:72px 70px;background:#dbe2fa;color:#20253e;display:flex;flex-direction:column;align-items:start;justify-content:center}.story-content h2{font-family:var(--serif);font-size:clamp(48px,5.5vw,78px);font-weight:400;letter-spacing:-.05em;line-height:.97;margin:21px 0}.story-content p{font-size:16px;line-height:1.8;max-width:360px;margin:0 0 26px;color:#484e69}.story-content .eyebrow{color:#464d70}
.seller-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.seller-card{border:1px solid var(--border);border-radius:17px;padding:25px;transition:.2s;background:var(--paper)}.seller-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.seller-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.seller-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#32304c;font-size:17px;font-weight:800;box-shadow:inset 0 0 0 4px #ffffffa1}.seller-avatar.large{width:90px;height:90px;font-size:25px}.seller-card .rank{font-family:var(--serif);font-size:36px;color:#b4b1b6;font-style:italic}.seller-card h3{font-size:17px;letter-spacing:-.035em;margin:0 0 3px}.seller-card p{font-size:13px;color:var(--text2);margin:0 0 15px}.seller-meta{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);padding-top:15px;font-size:13px;color:var(--text2)}.seller-meta b{color:var(--text);font-weight:800}.bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bundle-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--paper)}.bundle-card img{height:250px;width:100%;object-fit:cover}.bundle-body{padding:23px}.bundle-body h3{font-size:20px;letter-spacing:-.05em;margin:9px 0 6px}.bundle-body p{font-size:14px;color:var(--text2);margin:0 0 20px}.bundle-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:17px}.bundle-price{font-size:21px;letter-spacing:-.04em;font-weight:800}.bundle-price del{font-size:14px;color:var(--text2);font-weight:400;margin-left:6px}
/* Stats and CTA */
.testimonial-section{background:#baf5ce;padding:78px 0;color:#153322;position:relative;overflow:hidden}.testimonial-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:120px;align-items:center}.testimonial-quote{font-family:var(--serif);font-size:clamp(35px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}.testimonial-section .eyebrow{color:#477354}.quote-author{font-size:13px;font-weight:750}.quote-author span{font-weight:450}.process-steps{display:grid;gap:25px}.step{display:grid;grid-template-columns:34px 1fr;gap:15px;align-items:start}.step-index{border:1px solid #59956a;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:13px;font-weight:800}.step h3{font-size:16px;line-height:1.3;margin:0 0 4px}.step p{font-size:13px;line-height:1.65;margin:0;color:#42644b}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:var(--paper);border:1px solid var(--border);border-radius:17px;overflow:hidden;transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card img{width:100%;height:220px;object-fit:cover}.article-card .article-body{padding:21px}.article-date{color:var(--text2);font-size:13px}.article-card h3{font-size:19px;line-height:1.25;letter-spacing:-.045em;margin:13px 0 16px}.article-card .read-more{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.final-cta{background:#12192b;color:#fff;position:relative;overflow:hidden;border-radius:24px;padding:75px 80px;display:flex;justify-content:space-between;align-items:center;gap:35px}.final-cta:after{content:'';position:absolute;width:450px;height:450px;right:-90px;top:-170px;border-radius:50%;background:radial-gradient(circle at 31% 23%,#e3f1ff,#6e90ed 27%,#8e7acb 51%,#151a36 80%);opacity:.86;pointer-events:none}.final-cta:before{content:'';position:absolute;right:165px;bottom:-146px;width:470px;height:470px;border:1px solid #c0b2ff55;border-radius:50%;pointer-events:none}.final-cta .cta-content{max-width:690px;position:relative;z-index:1}.final-cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5.5vw,74px);line-height:.98;letter-spacing:-.05em;margin:12px 0 17px}.final-cta p{color:#b0b9ce;font-size:15px;margin:0 0 28px}.final-cta .btn{position:relative;z-index:2}
/* Footer */
.footer{background:#f1f2ed;border-top:1px solid #dedfda;padding:74px 0 27px;color:#171b29}.footer .brand{color:#171b29}.footer-top{display:grid;grid-template-columns:1.4fr .65fr .65fr 1fr;gap:55px}.footer-desc{max-width:295px;margin:20px 0;color:#666b78;font-size:14px;line-height:1.75}.footer-column h4{font-size:13px;margin:0 0 19px}.footer-column a{font-size:13px;color:#6a6f7e;display:block;margin:12px 0}.footer-column a:hover{color:#101320}.newsletter{display:flex;gap:7px;margin-top:18px}.newsletter input{min-width:0;flex:1;border:1px solid #d9dcd7;padding:13px 12px;border-radius:9px;background:#fff;font-size:13px;color:#151827}.newsletter button{border:0;border-radius:9px;background:#161a2a;color:white;width:42px;display:grid;place-items:center}.footer-bottom{border-top:1px solid #dddfdc;margin-top:58px;padding-top:23px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#787d87}.footer-bottom .footer-legal{display:flex;gap:20px}.dark-footer{background:#0f1422;color:#dce3f2;border-color:#303749}.dark-footer .brand{color:#fff}.dark-footer .footer-desc,.dark-footer .footer-column a,.dark-footer .footer-bottom{color:#a4aab9}.dark-footer .footer-bottom{border-color:#31384a}
/* Listing pages */
.page-banner{background:var(--surface);padding:68px 0 45px;border-bottom:1px solid var(--border)}.page-banner .small{max-width:720px}.page-banner h1{font-family:var(--serif);font-size:clamp(56px,7vw,100px);line-height:.93;font-weight:400;letter-spacing:-.07em;margin:13px 0 19px}.page-banner p{font-size:16px;color:var(--text2);max-width:650px;line-height:1.8;margin:0}.breadcrumb{font-size:13px;font-weight:700;color:var(--text2);display:flex;gap:10px;align-items:center;margin-bottom:19px}.breadcrumb span{color:var(--text)}.catalog-wrap{display:grid;grid-template-columns:238px 1fr;gap:35px;padding:45px 0 85px}.filters{position:sticky;top:24px;align-self:start}.filters-box{border:1px solid var(--border);background:var(--paper);border-radius:17px;padding:23px}.filter-group{padding:17px 0;border-bottom:1px solid var(--border)}.filter-group:last-child{border:0;padding-bottom:0}.filter-group h4{margin:0 0 13px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.filter-option{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text2);margin:11px 0;cursor:pointer}.filter-option input{accent-color:#82bb99;cursor:pointer}.filter-option .filter-count{margin-left:auto;color:#9aa0ab}.filter-price{display:flex;gap:6px}.filter-price input{width:100%;min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px;font-size:13px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.results-meta{font-size:13px;color:var(--text2);font-weight:650}.select{border:1px solid var(--border);padding:12px 15px;border-radius:10px;background:var(--paper);font-size:13px;color:var(--text);outline:none}.catalog-tools .search-input{flex:1;max-width:360px}.input,.textarea{background:var(--paper);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;min-height:44px;outline:none;width:100%;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:#82b7a0;box-shadow:0 0 0 3px #a6e3c52a}.textarea{resize:vertical;min-height:100px}.form-label{font-size:13px;font-weight:800;letter-spacing:.03em;margin-bottom:7px;display:block}.form-group{margin-bottom:17px}.form-hint{display:block;color:var(--text2);font-size:13px;margin-top:7px}.filter-search{display:flex;align-items:center;gap:8px;position:relative}.filter-search svg{position:absolute;left:14px;color:var(--text2)}.filter-search input{padding-left:39px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--border);border-radius:18px;color:var(--text2)}.empty-state h3{font-size:19px;color:var(--text);margin:15px 0 7px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:13px;background:var(--paper);border:1px solid var(--border);border-radius:50px;padding:7px 11px;color:var(--text2)}.chips a:hover{border-color:#8aca9a;color:var(--text)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:35px}.subtle-panel{background:var(--paper);border:1px solid var(--border);border-radius:17px;padding:25px}.detail-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding:48px 0 100px}.detail-visual{border-radius:21px;overflow:hidden;position:relative;background:#283049}.detail-visual>img{width:100%;aspect-ratio:1.15;object-fit:cover}.detail-mini-gallery{display:flex;gap:10px;margin-top:12px}.detail-mini-gallery img{width:92px;height:75px;border:1px solid var(--border);border-radius:10px;object-fit:cover}.detail-summary h1{font-family:var(--serif);font-size:clamp(45px,5vw,72px);font-weight:400;line-height:1;letter-spacing:-.048em;margin:9px 0 12px}.detail-subtitle{font-size:16px;color:var(--text2);margin:0 0 20px}.detail-rating{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--text2);padding-bottom:20px;border-bottom:1px solid var(--border)}.detail-description{font-size:15px;color:var(--text2);line-height:1.9;margin:20px 0}.price-big{font-size:32px;letter-spacing:-.06em;font-weight:800}.detail-purchase{background:var(--paper);border:1px solid var(--border);border-radius:18px;padding:22px;margin:22px 0}.detail-purchase .btn{width:100%;margin-top:17px}.feature-row{font-size:13px;display:flex;gap:10px;align-items:center;margin:13px 0;color:var(--text2)}.feature-row svg{color:#5ba77d}.detail-side h3{font-size:17px;margin:0 0 14px}.included-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.included-list li{display:flex;align-items:start;gap:10px;font-size:14px;color:var(--text2)}.included-list li svg{color:#59a876;flex-shrink:0}.section-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:25px}.section-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text2);padding:13px 1px;font-size:13px;font-weight:800}.section-tabs button.active{border-color:#73b78e;color:var(--text)}.preview-prompt{background:#f1f2f0;border:1px solid #e2e4df;border-radius:14px;padding:23px;color:#374044;font-size:14px;line-height:1.9;white-space:pre-line}.theme-dark .preview-prompt{background:#202839;color:#e5e8f4;border-color:#3a4054}.preview-prompt mark{background:#d9f6e1;border-radius:4px;padding:2px}.metric-row{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.metric-row .metric{border-right:1px solid var(--border);padding-right:20px}.metric-row .metric:last-child{border:0}.metric b{font-size:19px;display:block}.metric small{font-size:13px;color:var(--text2)}
/* Dynamic content, profiles, editorial */
.profile-hero{padding:62px 0;background:linear-gradient(113deg,#e5f8ee,#e4e4ff 71%,#fde8e2);color:#1c2533}.profile-header{display:flex;align-items:center;gap:27px}.profile-header h1{font-family:var(--serif);font-size:65px;line-height:1;margin:7px 0}.profile-header p{margin:0;color:#4c5367}.profile-bio{max-width:550px;font-size:14px;line-height:1.8;margin-top:15px}.profile-actions{display:flex;gap:11px;margin-left:auto}.profile-stats{display:flex;gap:40px;margin-top:22px;font-size:13px}.profile-stats b{display:block;font-size:20px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.creator-tall{padding:30px;border:1px solid var(--border);background:var(--paper);border-radius:18px}.creator-tall p{min-height:50px;color:var(--text2);font-size:13px}.creator-tall h3{font-size:20px;letter-spacing:-.04em;margin:20px 0 0}.creator-tall .role{font-size:13px;color:var(--text2);margin:0 0 14px}.prose{font-size:16px;line-height:1.9;color:var(--text2)}.prose p{margin:0 0 19px}.prose h2{font-size:25px;color:var(--text);letter-spacing:-.04em;margin:30px 0 14px}.prose ul{padding-left:22px}.prose li{margin-bottom:9px}.post-hero{height:440px;border-radius:20px;object-fit:cover;width:100%;margin:30px 0}.article-layout{display:grid;grid-template-columns:1fr 270px;gap:70px}.article-sidebar{position:sticky;top:30px;align-self:start}.article-sidebar h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.article-sidebar a{display:block;border-top:1px solid var(--border);padding:15px 0;font-size:14px;font-weight:700}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;color:var(--text);padding:22px 0;text-align:left;font-size:16px;font-weight:750}.faq-answer{font-size:14px;color:var(--text2);line-height:1.75;padding:0 0 20px;max-width:800px}.faq-question svg{transition:.2s}.faq-item.open .faq-question svg{transform:rotate(45deg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pricing-card{padding:31px;border:1px solid var(--border);border-radius:19px;background:var(--paper)}.pricing-card.featured{background:#171d31;color:#fff;border-color:#171d31;transform:translateY(-12px)}.pricing-card h3{font-size:20px;letter-spacing:-.04em}.pricing-amount{font-size:48px;letter-spacing:-.08em;font-weight:800;margin:18px 0 3px}.pricing-card p{font-size:14px;color:var(--text2)}.pricing-card.featured p{color:#aeb6c8}.pricing-card ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:13px;font-size:13px}.pricing-card li{display:flex;align-items:center;gap:9px}.pricing-card li svg{color:#7bc99b}.pricing-card .btn{width:100%}
/* Cart and checkout */
.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:35px;padding:45px 0 90px}.cart-item{display:flex;gap:17px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border)}.cart-item img{width:96px;height:78px;border-radius:10px;object-fit:cover}.cart-item h3{font-size:15px;margin:0 0 4px}.cart-item p{font-size:13px;color:var(--text2);margin:0}.cart-item .cart-price{margin-left:auto;font-weight:800}.order-summary{border:1px solid var(--border);background:var(--paper);padding:25px;border-radius:17px;height:max-content}.summary-line{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:12px 0;color:var(--text2)}.summary-line.total{color:var(--text);font-size:19px;font-weight:800;border-top:1px solid var(--border)}.demo-note{display:flex;align-items:start;gap:9px;color:var(--text2);font-size:13px;line-height:1.6;margin:17px 0}.auth-layout{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr}.auth-art{position:relative;background:#111a37;color:white;padding:68px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-art:after{content:'';width:480px;height:480px;border-radius:50%;position:absolute;right:-142px;top:20%;background:radial-gradient(circle at 30% 28%,#ecf8ff,#9e9aff 33%,#456aef 52%,#181d46 78%);opacity:.95}.auth-art h2{font-family:var(--serif);font-size:63px;line-height:.98;letter-spacing:-.045em;font-weight:400;max-width:470px;position:relative;z-index:1}.auth-art p{font-size:13px;line-height:1.7;max-width:350px;position:relative;z-index:1;color:#b3c0d4}.auth-form{padding:60px;display:flex;align-items:center;justify-content:center}.auth-form-inner{max-width:395px;width:100%}.auth-form h1{font-family:var(--serif);font-size:60px;font-weight:400;line-height:1;margin:0 0 15px}.auth-form p{font-size:14px;color:var(--text2);margin:0 0 28px}.auth-form .btn{width:100%}.form-error{color:#b85151;font-size:13px;margin-top:6px}
/* User portals */
.portal{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:#f5f6f8;color:#202537}.portal-sidebar{background:#141a2a;color:#d3d9e5;min-height:100vh;position:sticky;top:0;height:100vh;padding:30px 17px;display:flex;flex-direction:column;z-index:50}.portal-sidebar .brand{color:white;font-size:24px;margin:0 12px 39px}.portal-sidebar .brand img{width:35px;height:35px}.portal-sidebar .sidebar-section{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#768096;font-weight:800;padding:12px 14px 11px}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:13px;color:#aeb9ca;font-weight:700;transition:.15s}.portal-sidebar nav a:hover{color:#fff;background:#20293e}.portal-sidebar nav a.active{color:#141a2a;background:#baf5ce}.portal-sidebar nav a svg{opacity:.9}.portal-sidebar nav a .nav-bubble{margin-left:auto;background:#34445a;border-radius:50px;padding:2px 7px;color:#dce4f1;font-size:12px}.portal-sidebar .sidebar-bottom{margin-top:auto;border-top:1px solid #30384b;padding:18px 12px 0}.sidebar-promo{border:1px solid #334256;background:linear-gradient(135deg,#25334a,#283f40);border-radius:14px;padding:18px;margin:12px 3px 0}.sidebar-promo p{font-size:13px;color:#b9c6d1;margin:7px 0 15px}.sidebar-promo .btn{font-size:13px;padding:9px 12px;min-height:35px}.portal-main{min-width:0}.portal-topbar{height:82px;border-bottom:1px solid #e6e8ed;background:#fff;display:flex;align-items:center;gap:24px;padding:0 39px;position:sticky;top:0;z-index:30}.portal-search{width:min(360px,42%);position:relative}.portal-search input{width:100%;padding:11px 14px 11px 38px;background:#f6f7f8;border:1px solid #e7e8ea;border-radius:10px;font-size:13px;color:#2f3949}.portal-search svg{position:absolute;top:12px;left:12px;color:#88909b}.portal-identity{margin-left:auto;display:flex;align-items:center;gap:12px}.portal-identity .avatar{width:36px;height:36px;background:#ccebd8;color:#255a41;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px}.portal-identity .name{font-size:13px;font-weight:800;line-height:1.3}.portal-identity .role{font-size:12px;color:#929baa}.portal-mobile-toggle{display:none}.portal-content{max-width:1560px;margin:auto;padding:36px 40px 80px}.portal-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.portal-page-head h1{font-size:29px;font-weight:800;letter-spacing:-.06em;line-height:1.15;margin:6px 0 6px}.portal-page-head p{color:#8a91a0;font-size:13px;margin:0}.portal .btn-dark{background:#171c2e;color:white}.portal .btn-ghost{color:#343a49;border-color:#e0e3e9}.portal .input,.portal .textarea,.portal .select{background:#fff;border-color:#e4e7ec;color:#232939}.portal .form-label{color:#343947}.portal .form-hint{color:#949ba7}.portal .subtle-panel{border-color:#e5e7ed;background:#fff}.portal .badge-mint{background:#dff7e7}.portal .badge-coral{background:#fff0e8}.portal .badge-purple{background:#f0edff}.portal-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.stat-card{border:1px solid #e6e8ed;background:white;border-radius:15px;padding:21px;min-width:0}.stat-label{display:flex;align-items:center;gap:8px;color:#788292;font-size:13px;font-weight:750}.stat-label .stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:#5c73b9}.stat-value{font-size:29px;font-weight:800;letter-spacing:-.065em;margin:16px 0 2px;line-height:1.1}.stat-change{font-size:12px;color:#33996d;font-weight:800}.stat-change.negative{color:#b96c67}.stat-foot{font-size:12px;color:#9ca4ae;margin-top:9px}.portal-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin:20px 0}.portal-card{background:#fff;border:1px solid #e6e8ed;border-radius:15px;padding:23px;min-width:0}.portal-card h3{font-size:16px;letter-spacing:-.035em;margin:0 0 5px}.portal-card .card-subtitle{font-size:13px;color:#939baa;margin:0 0 22px}.portal-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;table-layout:auto}.portal-table th{text-transform:uppercase;font-size:12px;letter-spacing:.09em;color:#929baa;font-weight:800;text-align:left;padding:13px 10px;border-bottom:1px solid #e6e9ee;white-space:nowrap}.portal-table td{padding:13px 10px;color:#555e6d;border-bottom:1px solid #eff0f4}.portal-table tr:last-child td{border-bottom:0}.portal-table strong{color:#242a37}.portal-table .thumb-title{display:flex;align-items:center;gap:11px;min-width:180px}.portal-table .thumb-title img{width:42px;height:37px;border-radius:7px;object-fit:cover}.portal-table .thumb-title strong{font-size:13px;display:block;line-height:1.4}.portal-table .thumb-title small{font-size:12px;color:#8a93a0}.table-scroll{overflow-x:auto}.table-actions{display:flex;gap:6px}.table-action{border:1px solid #e5e8ee;background:#fff;color:#687287;border-radius:7px;padding:6px;display:grid;place-items:center}.table-action:hover{color:#252b39;background:#f3f5f8}.chart-bars{height:215px;display:flex;gap:13px;align-items:end;padding:16px 6px 24px;border-bottom:1px solid #e8eaf0;background:repeating-linear-gradient(to top,transparent,transparent 48px,#f4f5f8 49px,#f4f5f8 50px)}.chart-col{flex:1;height:100%;display:flex;justify-content:end;flex-direction:column;gap:8px;position:relative;align-items:center}.chart-col .bar{border-radius:6px 6px 0 0;background:linear-gradient(0deg,#87d8ac,#b4f0c8);width:min(100%,36px);transition:height .3s}.chart-col:nth-child(2n) .bar{background:linear-gradient(0deg,#8d91e5,#b5b9f2)}.chart-col span{position:absolute;bottom:-25px;color:#9aa3ae;font-size:12px}.activity-list{display:grid;gap:17px}.activity-item{display:flex;align-items:start;gap:13px;font-size:13px}.activity-icon{background:#ecf5ef;color:#4c9667;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;flex-shrink:0}.activity-item p{margin:0;color:#737f8b;line-height:1.6}.activity-item strong{color:#27303a}.activity-item small{font-size:12px;color:#a4acb8}.dash-welcome{background:linear-gradient(103deg,#19223b,#263d4f);padding:27px 30px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px;position:relative;overflow:hidden}.dash-welcome:after{content:'';width:230px;height:230px;position:absolute;right:18%;top:-87px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#effbff,#9adbc9 26%,#6080bc 58%,transparent 72%);opacity:.65}.dash-welcome h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;margin:0 0 8px;position:relative;z-index:1}.dash-welcome p{font-size:13px;color:#b3bfd0;max-width:380px;margin:0;position:relative;z-index:1}.dash-welcome .btn{position:relative;z-index:1}.portal-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-card{background:#fff;border:1px solid #e5e7ed;border-radius:15px;overflow:hidden}.library-card img{width:100%;height:145px;object-fit:cover}.library-card .body{padding:17px}.library-card h3{font-size:14px;line-height:1.35;margin:0 0 5px}.library-card p{font-size:13px;color:#8a93a2;margin:0 0 15px}.library-card .buttons{display:flex;gap:7px}.library-card .btn{padding:9px 12px;min-height:33px;font-size:12px}.portal-filterbar{display:flex;gap:11px;align-items:center;justify-content:space-between;margin-bottom:18px}.portal-filterbar .input{max-width:300px}.portal-tabs{display:flex;gap:6px}.portal-tab{border:1px solid #e5e8ee;background:#fff;padding:10px 13px;border-radius:8px;color:#798394;font-size:13px;font-weight:750}.portal-tab.active{background:#171d2d;border-color:#171d2d;color:#fff}.form-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:22px}.form-panel{background:#fff;border:1px solid #e5e7ed;border-radius:15px;padding:25px;margin-bottom:22px}.form-panel h2{font-size:16px;margin:0 0 5px}.form-panel>p{font-size:13px;color:#919aaa;margin:0 0 24px}.input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.input-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-box{border:1px dashed #cbd3df;background:#f9fafb;border-radius:13px;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:7px;font-size:13px;color:#8a95a4}.upload-box svg{color:#7287aa}.form-preview{background:linear-gradient(135deg,#18213c,#6a4d83);color:#fff;padding:25px;border-radius:13px;min-height:190px;display:flex;justify-content:end;flex-direction:column}.form-preview h3{font-size:23px;letter-spacing:-.05em;margin:0}.form-preview p{font-size:13px;color:#ccd0df;margin:5px 0 0}.settings-list{display:grid;gap:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #e6e8ed;padding-bottom:16px}.settings-row h4{font-size:13px;margin:0 0 2px}.settings-row p{font-size:13px;color:#939daa;margin:0}.switch{width:42px;height:24px;position:relative;flex-shrink:0;appearance:none;background:#d4d9e1;border:0;border-radius:50px;cursor:pointer;transition:.15s}.switch:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 4px #1b21303b}.switch:checked{background:#79bb92}.switch:checked:after{transform:translateX(18px)}.bar-legend{font-size:13px;color:#8893a1;display:flex;gap:17px;margin-top:38px}.bar-legend span:before{content:'';width:8px;height:8px;display:inline-block;border-radius:3px;margin-right:7px;background:#9dddb4}.bar-legend span+span:before{background:#a7a8e9}.mini-progress{height:7px;background:#ecedf1;border-radius:20px;overflow:hidden}.mini-progress span{display:block;height:100%;background:#96dcaf;border-radius:inherit}.mini-progress.lav span{background:#a8a3ef}.notice{background:#eaf5ed;border:1px solid #cde9d4;color:#3b704b;font-size:13px;padding:13px 15px;border-radius:11px;display:flex;gap:10px;align-items:center}.notice.warning{background:#fff6e9;border-color:#f4e2bc;color:#8a6a37}.portal .empty-state{border-color:#d6dae5}.portal .empty-state h3{color:#293142}.portal-mobile-shade{display:none}
/* Dialogs and notifications */
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(9,13,24,.67);display:flex;align-items:start;justify-content:center;padding:13vh 18px 25px;backdrop-filter:blur(7px)}.modal{background:var(--paper);color:var(--text);width:min(620px,100%);border:1px solid var(--border);border-radius:20px;box-shadow:0 35px 110px #080b1c9c;max-height:84vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16px;margin:0}.modal-body{padding:22px}.search-dialog-input{border:0;border-bottom:1px solid var(--border);border-radius:0;font-size:18px;padding:16px 0}.modal-results{display:grid;gap:7px;margin-top:17px}.modal-result{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid transparent;border-radius:10px}.modal-result:hover{background:#adb8dc1b}.modal-result img{width:58px;height:48px;object-fit:cover;border-radius:7px}.modal-result b{font-size:13px}.modal-result small{font-size:13px;color:var(--text2)}.modal-result svg{margin-left:auto}.toast-region{position:fixed;bottom:23px;right:24px;z-index:300;display:grid;gap:10px;pointer-events:none}.toast{background:#111828;color:#fff;box-shadow:0 14px 50px #10152452;border-radius:12px;padding:14px 18px;font-size:13px;display:flex;align-items:center;gap:10px;min-width:240px;max-width:365px;animation:slidein .2s ease-out}.toast svg{color:#baf5ce}.no-scroll{overflow:hidden}.backtop{position:fixed;bottom:26px;left:25px;z-index:20;box-shadow:var(--shadow)}.star{color:#f0b961}
/* Alternative dark homepage */
.dark-home{background:#101424;color:#fff}.dark-home .site-header{--surface:#121624;--text:#fff;--border:#32384d;background:#121624}.dark-home .hero{background:radial-gradient(circle at 75% 30%,#3a2b60 0%,transparent 42%),radial-gradient(circle at 20% 70%,#122d4c 0%,transparent 49%),#111525}.dark-home .hero-title{color:#fff}.dark-home .hero-intro p,.dark-home .hero-right .hero-info{color:#bbc4d2}.dark-home .hero-number:before{background:#fff}.dark-home .hero-proof p span{color:#aeb8ce}.dark-home .hero-stage{height:705px}.dark-home .orb-wrap{mix-blend-mode:screen;opacity:.82}.dark-home .intro-strip{color:#fff}.dark-home .intro-stat span{color:#adb5c6}.dark-home .category-tile{--paper:#1e2639;--border:#374055;color:#fff}.dark-home .category-icon{background:#29384b}.dark-home .footer{background:#101424;color:#fff;border-color:#394258}.dark-home .footer .brand{color:#fff}.dark-home .footer .footer-desc,.dark-home .footer .footer-column a{color:#a2abbd}.dark-home .footer .footer-bottom{border-color:#394258}.theme-dark .site-header{--text:#f5f7ff;background:#131728}.theme-dark .hero-title{color:#f8f7ff}.theme-dark .hero-intro p,.theme-dark .hero-right .hero-info{color:#c5cad3}.theme-dark .hero-number:before{background:#c5cad3}.theme-dark .hero{background:radial-gradient(circle at 50% 50%,#25375e22,transparent 64%),#131728}.theme-dark .hero-proof p span{color:#adb2bf}.theme-dark .intro-strip blockquote{color:#f6f7fb}.theme-dark .float-card{background:#242942e0;border-color:#60667f;color:white}.theme-dark .float-card small{color:#c6cadd}.theme-dark .float-card .float-icon{background:#424474;color:white}
/* Responsive */
@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slidein{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:1200px){.container{padding:0 26px}.nav{gap:20px;margin-left:7px}.hero-title{font-size:clamp(91px,12vw,145px)}.hero-stage{height:650px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-row{grid-template-columns:repeat(5,minmax(0,1fr))}.category-tile{padding:21px 15px}.portal{grid-template-columns:228px minmax(0,1fr)}.portal-content{padding:30px 27px 70px}.portal-topbar{padding:0 27px}.portal-stat-grid{gap:12px}.stat-card{padding:17px}.stat-value{font-size:26px}.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:990px){.nav,.search-trigger,.header-actions .signin{display:none}.mobile-menu-btn{display:inline-flex}.site-header{height:72px}.mobile-nav{top:72px}.hero-stage{height:650px}.hero-title{font-size:clamp(78px,11.2vw,125px);top:185px}.orb-wrap{width:680px;top:8px}.float-one{top:215px;right:0}.float-two{top:330px;left:4px}.hero-bottom{bottom:44px}.intro-strip{grid-template-columns:1fr 1fr;gap:26px}.intro-label{grid-column:span 2}.intro-stat{padding-left:25px}.category-row{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tile{min-height:150px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-grid,.seller-grid,.article-grid,.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid{gap:50px}.story-content{padding:45px}.story-image{min-height:400px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-top .footer-column:last-child{grid-column:span 3;max-width:430px}.detail-wrap{gap:35px}.catalog-wrap{grid-template-columns:200px 1fr;gap:20px}.portal-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{grid-template-columns:1fr}.portal{grid-template-columns:74px minmax(0,1fr)}.portal-sidebar{padding:25px 9px}.portal-sidebar .brand{font-size:0;margin-left:10px}.portal-sidebar nav a{font-size:0;justify-content:center;padding:13px}.portal-sidebar nav a .nav-bubble,.portal-sidebar .sidebar-section,.portal-sidebar .sidebar-bottom,.sidebar-promo{display:none}.portal-sidebar .brand img{width:33px}.portal-sidebar nav a svg{width:19px;height:19px}}
@media(max-width:690px){.container,.small-container{padding:0 19px}.announcement{font-size:12px}.site-header{height:66px}.site-header .container{gap:8px}.mobile-nav{top:66px}.brand{font-size:22px}.brand img{width:32px;height:32px}.header-actions{gap:2px}.header-actions .btn{padding:11px 13px;min-height:38px;font-size:13px}.mobile-only{display:initial}.desktop-only{display:none!important}.section{padding:62px 0}.section-sm{padding:43px 0}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head h2{font-size:34px}.hero-stage{height:680px;padding-top:28px}.hero-meta{align-items:start}.hero-number{font-size:12px;letter-spacing:.06em}.hero-number:before{width:17px}.hero-proof{gap:3px}.hero-proof .mini-avatar{width:22px;height:22px;font-size:12px;border-width:2px}.hero-proof p{font-size:12px}.hero-proof p span{font-size:12px}.orb-wrap{width:600px;max-width:none;top:15px;left:52%}.hero-title{font-size:clamp(68px,15vw,105px);top:153px;line-height:.91;letter-spacing:-.077em}.hero-title .second{margin-top:5px}.float-card{display:none}.hero-bottom{bottom:50px;align-items:start;display:block}.hero-intro{max-width:340px}.hero-intro p{font-size:14px;max-width:290px;margin:0 0 20px}.hero-intro .buttons{flex-wrap:wrap}.hero-right{display:none}.moving-ticker{margin:3px 0 30px;padding:12px 0}.ticker-inner span{font-size:15px}.ticker-inner em{font-size:22px}.intro-strip{padding:55px 0;grid-template-columns:1fr 1fr;gap:15px}.intro-label{grid-column:span 2}.intro-strip blockquote{font-size:34px}.intro-stat{padding-left:14px}.intro-stat b{font-size:31px}.intro-stat span{font-size:12px;line-height:1.5;margin-top:7px}.category-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-tile{min-height:141px;padding:17px}.category-tile .cat-bottom b{font-size:13px}.category-tile .cat-bottom span{width:23px;height:23px}.showcase{padding:64px 0}.product-grid{gap:12px}.product-art{height:139px}.product-info{padding:12px}.product-info h3{font-size:13px;min-height:35px}.product-info .subtitle{font-size:12px;margin-bottom:11px}.product-category{font-size:12px}.product-card-foot .rating{font-size:12px}.product-card-foot .price{font-size:16px}.card-footer{margin-top:12px;padding-top:10px}.seller-mini{font-size:12px}.seller-mini .avatar{width:20px;height:20px;font-size:12px}.cart-btn{width:29px;height:29px}.wish-btn{width:28px;height:28px;right:7px;top:7px}.product-badge{top:7px;left:7px;font-size:12px;padding:5px 7px}.story-split{grid-template-columns:1fr;min-height:0}.story-image{min-height:330px}.story-image:before{width:290px;height:290px}.story-image:after{font-size:270px}.story-content{padding:38px 26px}.story-content h2{font-size:57px}.bundle-grid,.seller-grid,.article-grid,.creator-grid,.pricing-grid{grid-template-columns:1fr}.bundle-card img{height:215px}.testimonial-grid{grid-template-columns:1fr;gap:28px}.testimonial-section{padding:55px 0}.testimonial-quote{font-size:43px}.final-cta{padding:50px 27px;display:block}.final-cta h2{font-size:49px}.final-cta:after{width:260px;height:260px;top:auto;bottom:-155px}.footer{padding:52px 0 22px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top>div:first-child{grid-column:span 2}.footer-top .footer-column:last-child{grid-column:span 2}.footer-bottom{flex-direction:column;margin-top:35px}.page-banner{padding:43px 0 32px}.page-banner h1{font-size:65px}.page-banner p{font-size:14px}.catalog-wrap{grid-template-columns:1fr;padding-top:24px}.filters{position:static}.filters-box{display:none}.filters-box.open{display:block}.mobile-filter-toggle{display:inline-flex!important}.catalog-tools{flex-wrap:wrap}.catalog-tools .search-input{max-width:none;flex-basis:100%}.catalog-tools .select{margin-left:auto}.detail-wrap{grid-template-columns:1fr;padding:26px 0 60px;gap:22px}.detail-summary h1{font-size:56px}.two-column,.article-layout{grid-template-columns:1fr}.profile-header{align-items:start;flex-wrap:wrap}.profile-header h1{font-size:45px}.profile-actions{margin-left:0}.profile-hero{padding:35px 0}.profile-stats{gap:20px}.post-hero{height:250px}.cart-layout{grid-template-columns:1fr;padding:24px 0 60px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:55px 24px}.auth-form h1{font-size:52px}.portal{display:block}.portal-sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;transform:translateX(-105%);transition:transform .25s;z-index:90;padding:25px 15px}.portal-sidebar.open{transform:translateX(0)}.portal-sidebar nav a{font-size:13px;justify-content:start;padding:12px}.portal-sidebar .sidebar-section{display:block}.portal-sidebar .brand{font-size:23px}.portal-sidebar .sidebar-bottom,.sidebar-promo{display:block}.portal-topbar{height:65px;padding:0 17px;gap:7px}.portal-search{display:none}.portal-mobile-toggle{display:inline-flex}.portal-identity .name,.portal-identity .role{display:none}.portal-identity{gap:0}.portal-content{padding:25px 17px 62px}.portal-page-head{align-items:start}.portal-page-head h1{font-size:25px}.portal-page-head .btn{padding:10px 13px;font-size:12px}.portal-stat-grid{gap:9px}.stat-card{padding:15px}.stat-value{font-size:24px}.stat-label{font-size:12px}.stat-label .stat-icon{width:27px;height:27px}.portal-card{padding:18px}.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card img{height:108px}.library-card .body{padding:12px}.portal-filterbar{flex-wrap:wrap}.portal-filterbar .input{max-width:none}.portal-tabs{overflow-x:auto}.form-grid,.input-row,.input-row.three{grid-template-columns:1fr}.form-panel{padding:20px}.portal-mobile-shade.visible{display:block;position:fixed;inset:0;background:#0b10218a;z-index:85}.toast-region{bottom:15px;right:12px;left:12px}.toast{max-width:none}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:400px){.hero-title{font-size:67px}.hero-stage{height:660px}.orb-wrap{width:545px}.product-info .product-category{font-size:12px}.product-info .subtitle{display:none}.product-info h3{min-height:49px}.card-footer .seller-mini{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-art{height:120px}.portal-product-grid{grid-template-columns:1fr 1fr}.footer-top{gap:26px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Product polish: constrain diagonally rotated ticker and keep the mobile navigation compact. */
.mobile-nav .mobile-theme-btn{border:0;border-top:1px solid var(--border);padding:15px 21px;width:100%;font-weight:700;font-size:14px;color:var(--text);text-align:left;background:transparent;cursor:pointer}
@media(max-width:1100px){.site-header .nav,.site-header .search-trigger,.site-header .header-actions .signin{display:none}.site-header .mobile-menu-btn{display:inline-flex}}
@media(max-width:690px){.site-header .header-actions>[data-action="toggle-theme"],.site-header .header-actions>a[aria-label="Wishlist"]{display:none}}
@media(max-width:430px){.site-header .header-actions>.btn{display:none}}

.nav a,.nav button,.nav-link{white-space:nowrap}
small{font-size:12px}
.product-category{letter-spacing:.04em;flex-wrap:wrap;gap:2px 7px}

/* sticky header */
.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .25s}
.site-header.is-stuck{box-shadow:0 8px 30px rgba(20,26,50,.08)}
/* search trigger */
.search-trigger{min-width:230px;padding:11px 14px 11px 16px;gap:10px;white-space:nowrap;justify-content:flex-start;background:rgba(124,135,170,.08);border-color:transparent;color:var(--text2);font-size:14px;transition:background .2s,border-color .2s,box-shadow .2s;cursor:text}
.search-trigger svg{flex:none;color:var(--text)}
.search-trigger kbd{margin-left:auto;font-size:12px;font-weight:700;color:var(--text2);background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:7px;padding:2px 7px}
.search-trigger:hover{background:var(--surface);border-color:var(--border);box-shadow:0 6px 22px rgba(20,26,50,.08)}
.search-trigger:focus-visible{border-color:#738dff;box-shadow:0 0 0 4px rgba(115,141,255,.18)}
@media(max-width:1280px){.search-trigger{min-width:150px}.search-trigger kbd{display:none}}
/* gallery thumbs */
.detail-visual img{transition:opacity .2s}
.detail-mini-gallery img{cursor:pointer;opacity:.7;border:2px solid transparent;transition:opacity .2s,border-color .2s,transform .2s}
.detail-mini-gallery img:hover{opacity:1;transform:translateY(-2px)}
.detail-mini-gallery img.active{opacity:1;border-color:#7c97ff}
.detail-mini-gallery img:focus-visible{outline:3px solid #738dff;outline-offset:2px}

/* portal: scrollable sidebar + collapsible icon-only mode */
.portal-sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a4560 transparent}
.portal-sidebar::-webkit-scrollbar{width:6px}.portal-sidebar::-webkit-scrollbar-thumb{background:#3a4560;border-radius:6px}
.portal-sidebar>*{flex-shrink:0}
.portal-sidebar .sidebar-bottom{margin-top:auto}
.portal-collapse-btn{display:none}
.portal{transition:grid-template-columns .25s ease}
@media(min-width:991px){
.portal-collapse-btn{display:inline-grid}
.portal.collapsed{grid-template-columns:78px minmax(0,1fr)}
.portal.collapsed .portal-sidebar{padding:26px 11px}
.portal.collapsed .brand{margin:0 0 30px;justify-content:center}
.portal.collapsed .brand-text,.portal.collapsed .nav-label,.portal.collapsed .nav-bubble,.portal.collapsed .sidebar-promo,.portal.collapsed .sidebar-section{display:none}
.portal.collapsed nav a{justify-content:center;padding:12px 0}
.portal.collapsed .sidebar-bottom{padding:16px 0 0}
.portal.collapsed .sidebar-bottom .btn{padding:0;min-height:42px;width:100%}
}
.product-category{letter-spacing:.015em;gap:2px 5px;flex-wrap:nowrap;white-space:nowrap}.product-category .tiny-dot{flex:none}