:root{--ink:#17192c;--muted:#74798c;--accent:#7061ec;--accent-hover:#5e50d4;--pale:#f7f7fb;--border:#ececf3;--white:#fff;--soft:#f4f4fc;--radius:19px;--shadow:0 18px 50px rgba(22,24,55,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",ui-sans-serif,-apple-system,BlinkMacSystemFont,Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#dcd4ff;color:#2b2762}.container{max-width:1200px;margin:0 auto;padding:0 25px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:13px!important;color:#818598;line-height:1.65}.block{display:block}.trap{position:absolute!important;left:-99999px!important}
/* header */
.site-header{height:85px;position:relative;z-index:20;border-bottom:1px solid #efeff6;background:rgba(255,255,255,.97)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.85px;font-size:22px;white-space:nowrap;color:#1b1c37}.brand-mark{display:inline-flex;position:relative;align-items:center;justify-content:center;width:41px;height:41px;border-radius:12px;background:linear-gradient(145deg,#9387ff,#6657e9);box-shadow:0 6px 16px rgba(112,97,236,.23);color:white;font-weight:850;font-size:27px;letter-spacing:-2px}.brand-dot{position:absolute;bottom:9px;right:7px;background:#c6baff;width:7px;height:7px;border-radius:50%}.brand-light{font-weight:460;margin-left:3px}.site-nav{display:flex;align-items:center;gap:37px;font-weight:560;font-size:14px;color:#55596b}.site-nav>a:not(.nav-cta):hover,.view-all:hover,.text-link:hover{color:var(--accent)}.nav-cta{background:#171932;color:#fff!important;border-radius:11px;padding:15px 21px;display:inline-flex;align-items:center;gap:20px;transition:transform .2s,background .2s}.nav-cta:hover,.btn:hover{transform:translateY(-2px)}.mobile-menu-btn{display:none;border:0;background:none;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;padding:17px 26px;font-weight:650;font-size:14px;transition:transform .2s,background .2s,border-color .2s;border:1px solid transparent;line-height:1.2;white-space:nowrap}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border:1px solid #e1e1ec;color:var(--ink);background:#fff}.btn-ghost:hover{border-color:#b4aafa}.btn-secondary{background:#f0efff;color:#5c50ca}.btn-white{background:#fff;color:#292748}.btn-disabled{background:#e9e9f0;color:#85879c;cursor:not-allowed}.btn-disabled:hover{transform:none}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 70%,#f1eefd 1%,transparent 47%),linear-gradient(180deg,#fff 0%,#fdfcff 100%)}.hero-blur{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.blur-left{width:250px;height:250px;background:#f3edff;left:-180px;top:50px;opacity:.5}.blur-right{width:400px;height:400px;background:#eceafe;right:-190px;top:130px;opacity:.6}.hero-grid{position:relative;z-index:2;min-height:635px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:47px;padding-top:70px;padding-bottom:79px}.hero-content{max-width:570px}.eyebrow,.kicker,.admin-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.eyebrow{border:1px solid #e8e4ff;display:inline-flex;align-items:center;gap:11px;padding:11px 15px;border-radius:30px;letter-spacing:.9px;background:#f7f5ff;color:#685ade}.eyebrow-dot,.green-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#7d65ef;box-shadow:0 0 0 4px #e9e4ff}.hero h1{font-size:clamp(45px,5.3vw,69px);line-height:1.085;letter-spacing:-3.8px;font-weight:760;margin:28px 0 23px}.hero h1 em,.value-intro h2 em,.simple-hero h1 em{font-style:normal;background:linear-gradient(100deg,#775bde,#9f82ff);color:transparent;background-clip:text}.hero-content>p{max-width:505px;line-height:1.83;color:#73768a;font-size:16px;margin-bottom:32px}.hero-actions{display:flex;gap:13px;align-items:center}.hero-points{margin-top:48px;display:flex;gap:24px;color:#5f6275;font-size:12px;font-weight:620}.hero-points span{white-space:nowrap}.hero-art{position:relative;padding:18px 8px 16px 0;min-width:0}.hero-browser{background:#fff;border:1px solid #e4e1ed;border-radius:18px;overflow:hidden;box-shadow:0 35px 75px rgba(39,37,88,.18);transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);position:relative;z-index:2}.browser-top{height:51px;display:flex;align-items:center;gap:12px;padding:0 17px;color:#7a7c88;font-size:14px}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#ffb2a5}.dots i:nth-child(2){background:#f6d48b}.dots i:nth-child(3){background:#a9e1b0}.address-bar{border:1px solid #f0eff5;border-radius:6px;padding:6px 14px;margin:auto;font-size:10px;color:#a1a2ac;min-width:45%;text-align:center}.browser-image img{width:100%;aspect-ratio:1.49;object-fit:cover}.floating-tag{position:absolute;z-index:3;padding:14px 20px;background:#fff;border:1px solid #efedf5;box-shadow:0 15px 40px #26205626;border-radius:12px;color:#39344c;font-size:12px;font-weight:700;white-space:nowrap}.floating-one{top:-10px;right:8px;transform:rotate(4deg)}.floating-two{bottom:-6px;left:-35px;transform:rotate(-3deg);display:flex;align-items:center;gap:11px}.green-dot{background:#45ba92;box-shadow:0 0 0 4px #e2f8ec}
.trust-strip{border-top:1px solid #f1f0f6;border-bottom:1px solid #f1f0f6;background:#fff}.trust-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.trust-inner>span{color:#9b9caa;font-size:10px;letter-spacing:2px;font-weight:750}.trust-inner>div{display:flex;gap:30px;align-items:center;font-size:16px;letter-spacing:-.4px;font-weight:680;color:#838698}.trust-inner i{font-size:15px;color:#b9acf3;font-style:normal}
/* cards and content */
.section-space{padding:104px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:37px}.section-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0 12px}.section-heading p{color:var(--muted);font-size:15px;line-height:1.8;max-width:590px;margin:0}.view-all,.text-link{white-space:nowrap;font-size:14px;font-weight:730;color:#6659d6;padding-bottom:4px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.theme-card{min-width:0;background:#fff;border-radius:18px;transition:transform .25s,box-shadow .25s;box-shadow:0 7px 20px #12162a08;overflow:hidden;border:1px solid #eeedf4}.theme-card:hover{transform:translateY(-5px);box-shadow:0 21px 44px #1d184019}.theme-image{display:block;position:relative;overflow:hidden;background:#e8e5ec}.theme-image img{width:100%;height:224px;object-fit:cover;transition:transform .35s}.theme-card:hover .theme-image img{transform:scale(1.045)}.theme-hover{position:absolute;bottom:15px;right:15px;background:#fff;color:#252541;border-radius:8px;box-shadow:0 9px 24px #20203524;padding:12px 15px;font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);transition:.2s}.theme-card:hover .theme-hover{opacity:1;transform:translateY(0)}.theme-meta{padding:18px 21px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;border-radius:6px;background:#f0edff;color:#7566d7;font-weight:700;font-size:11px;padding:7px 11px}.version{font-size:11px;color:#a5a5b2}.theme-info{display:flex;gap:10px;justify-content:space-between;padding:11px 21px 24px;align-items:flex-start}.theme-info h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.theme-info h3 a:hover{color:var(--accent)}.theme-info p{color:#87899a;font-size:12px;line-height:1.7;max-width:230px;margin:0}.theme-price{font-weight:760;font-size:14px;margin-top:4px;white-space:nowrap}.value-section{padding:103px 0;background:#f8f8fe}.value-intro{text-align:center;max-width:670px;margin:0 auto 46px}.value-intro h2{font-size:43px;line-height:1.14;letter-spacing:-1.7px;margin:17px 0 14px}.value-intro p{color:#75798d;line-height:1.75;font-size:15px}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.value-card{padding:30px 25px 27px;background:#fff;border:1px solid #efeff6;border-radius:17px}.value-icon{width:49px;height:49px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f0eeff;color:#7465df;font-size:25px;margin-bottom:25px}.value-card h3{font-size:17px;letter-spacing:-.35px;margin-bottom:12px}.value-card p{font-size:13px;color:#818597;line-height:1.8;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.blog-card{background:#fff;border:1px solid #ececf3;border-radius:17px;padding:30px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.blog-card h3{font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:23px 0 14px}.blog-card h3 a:hover{color:var(--accent)}.blog-card p{color:#858698;font-size:13px;line-height:1.8;margin-bottom:25px}.blog-card .text-link{margin-top:auto}.cta-section{padding:0 0 96px}.cta-inner{background:linear-gradient(130deg,#4c48ba,#826beb);border-radius:26px;text-align:center;color:#fff;padding:82px 30px;position:relative;overflow:hidden}.cta-inner>*:not(.cta-orb){position:relative;z-index:2}.cta-inner .kicker{color:#d7d1ff}.cta-inner h2{font-size:clamp(31px,3.5vw,49px);letter-spacing:-2px;line-height:1.19;margin:22px 0}.cta-inner p{color:#ece8ff;font-size:15px;margin-bottom:29px}.cta-orb{position:absolute;border:1px solid #ffffff25;border-radius:50%;pointer-events:none}.orb-one{width:480px;height:480px;left:-240px;top:-130px}.orb-two{width:430px;height:430px;right:-180px;bottom:-290px}
/* footer */
.site-footer{background:#141627;color:#fff;padding:74px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:55px}.footer-brand{color:white;margin-bottom:25px;font-size:22px}.site-footer p{color:#a2a4b6;line-height:1.9;font-size:13px;max-width:280px}.footer-grid h4{color:#fff;font-size:14px;margin:5px 0 23px}.footer-grid>div>a:not(.brand){display:block;color:#a2a4b6;font-size:13px;margin-bottom:15px}.footer-grid>div>a:hover{color:#fff}.newsletter{display:flex;align-items:center;margin-top:20px;border:1px solid #404255;padding:5px;border-radius:10px;background:#202234}.newsletter input{outline:0;color:white;background:transparent;border:0;min-width:0;flex:1;padding:8px 10px;font-size:12px}.newsletter button{background:#7264e8;color:white;border:none;border-radius:7px;width:37px;height:34px;font-size:19px}.footer-bottom{margin-top:68px;padding-top:24px;border-top:1px solid #303144;display:flex;justify-content:space-between;gap:20px;color:#9394a9;font-size:12px}
/* catalog and pages */
.catalog{padding-top:79px;padding-bottom:113px;min-height:64vh}.center-heading{text-align:center;max-width:710px;margin:0 auto 53px}.center-heading h1,.simple-hero h1,.contact-page h1{font-size:clamp(37px,4.3vw,56px);letter-spacing:-2.4px;line-height:1.14;margin:18px 0}.center-heading p,.simple-hero>p{font-size:16px;line-height:1.8;color:#7d8194}.filter-bar{background:#fafaff;border:1px solid #efedf6;padding:13px;display:flex;gap:12px;border-radius:14px;margin-bottom:25px}.filter-search{display:flex;align-items:center;gap:9px;flex:1;color:#8a81bd;padding-left:13px;font-size:25px}.filter-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:14px}.filter-bar select{border:1px solid #e6e5ed;background:#fff;border-radius:9px;padding:11px 30px 11px 15px;color:#55586d;font-size:13px;min-width:155px}.filter-submit{padding:13px 21px}.result-count{font-size:12px;color:#999bab;margin:0 0 25px}.empty-state{text-align:center;padding:70px 20px}.empty-state p{color:var(--muted)}.full-blog .blog-card{min-height:325px}.simple-hero{text-align:center;padding-top:102px;padding-bottom:65px;max-width:875px}.simple-hero h1{font-size:clamp(40px,4.9vw,63px)}.simple-hero>p{max-width:750px;margin:auto}.about-content{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;padding-bottom:116px}.about-panel{background:#f8f8fd;padding:57px;border-radius:20px}.about-panel h2{font-size:35px;letter-spacing:-1.3px;margin:20px 0}.about-panel p{line-height:1.85;color:#777b8e;font-size:15px}.about-panel .btn{margin-top:13px}.about-highlight{background:#dcd5fa;border-radius:20px;padding:53px 47px;display:flex;flex-direction:column;justify-content:flex-end}.about-highlight span{font-size:120px;color:#8e77e5;line-height:1}.about-highlight h3{font-size:31px;letter-spacing:-1px;line-height:1.25;margin-top:60px}.about-highlight p{color:#655f80;line-height:1.8}.contact-page{min-height:680px;padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:95px}.contact-copy h1{max-width:480px}.contact-copy>p{max-width:435px;color:#7d8194;line-height:1.9}.contact-detail{display:flex;align-items:center;gap:18px;margin-top:49px}.contact-detail>span{width:55px;height:55px;display:grid;place-items:center;color:var(--accent);font-size:26px;background:#efedff;border-radius:14px}.contact-detail strong{font-size:14px}.contact-detail p{color:#7c7f93;font-size:14px;margin:8px 0 0}.stack-form{display:flex;flex-direction:column;gap:20px}.stack-form label,.form-card label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:690;color:#46485c}.stack-form input,.stack-form textarea,.stack-form select,.form-card input:not([type=checkbox]),.form-card textarea,.form-card select{border:1px solid #e3e4ed;border-radius:9px;background:#fff;outline:none;width:100%;padding:14px 15px;font-weight:400;color:#292b40;font-size:14px;transition:border .15s}.stack-form textarea,.form-card textarea{resize:vertical;line-height:1.65}.stack-form input:focus,.stack-form textarea:focus,.form-card input:focus,.form-card textarea:focus{border-color:#9388ee;box-shadow:0 0 0 3px #786af112}.contact-form{background:#fff;border:1px solid #ededf3;padding:40px;box-shadow:var(--shadow);border-radius:17px}.contact-form h2{font-size:22px;letter-spacing:-.7px;margin-bottom:5px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form button{align-self:flex-start}.contact-form .small{margin:0}
.product-page{padding-top:43px;padding-bottom:110px}.breadcrumbs{font-size:12px;color:#999cae;margin-bottom:53px}.breadcrumbs a{color:#6d62cf}.product-head{display:flex;justify-content:space-between;gap:70px;align-items:center;margin-bottom:44px}.product-head>div:first-child{max-width:750px}.product-head h1{font-size:clamp(42px,4.5vw,61px);letter-spacing:-2.5px;margin:20px 0}.product-head p{color:#767b8d;font-size:17px;line-height:1.8}.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}.product-price-box{border:1px solid #eae9f0;background:#fafaff;border-radius:15px;min-width:225px;padding:27px}.product-price-box span,.product-price-box small{display:block;color:#9799a8;font-size:12px}.product-price-box strong{display:block;font-size:29px;letter-spacing:-1.3px;margin:12px 0 8px}.product-showcase{background:#f7f4f6;border-radius:19px;overflow:hidden;box-shadow:0 24px 60px #11112610}.product-showcase img{width:100%;aspect-ratio:1.72;object-fit:cover}.product-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:85px;margin-top:70px}.product-detail-grid h2{font-size:35px;letter-spacing:-1.1px;margin:16px 0 22px}.product-detail-grid p{color:#75798b;line-height:1.9}.product-detail-grid h3{margin:35px 0 21px}.feature-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-list li{display:flex;align-items:center;gap:11px;color:#5c6073;font-size:14px}.feature-list li span{display:grid;place-items:center;color:#6c5bdf;font-weight:800;width:25px;height:25px;border-radius:50%;background:#f0edff}.specs{background:#fafaff;border:1px solid #eeeeF5;border-radius:16px;padding:32px;align-self:start}.specs h3{margin-bottom:25px}.specs>div{padding:17px 0;border-bottom:1px solid #ecebf3;display:flex;justify-content:space-between;gap:20px;font-size:13px}.specs>div span{color:#9294a6}.specs>div strong{text-align:right;color:#4d5063;font-weight:690}.specs .text-link{display:inline-block;margin-top:25px}.sample-note{background:#f5f2ff;border-left:3px solid #8472ea;padding:17px 20px;color:#68618a;font-size:13px;line-height:1.75;margin-top:30px}.article{padding-top:66px;padding-bottom:105px;max-width:850px}.back-link{display:inline-block;color:#7367da;font-size:13px;font-weight:700;margin-bottom:25px}.article>.pill{display:flex;width:max-content;margin-bottom:19px}.article h1{font-size:clamp(37px,4.7vw,58px);line-height:1.16;letter-spacing:-2px}.article-summary{font-size:19px;line-height:1.7;color:#74788b}.article-byline{font-size:13px;color:#9597a4;border-bottom:1px solid #ededf2;padding-bottom:30px;margin-top:30px}.article-body{font-size:17px;line-height:2;color:#555969;padding:35px 0}.article-body p{margin-bottom:25px}.article-end{background:#f5f3ff;border-radius:16px;padding:35px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.article-end h3{font-size:19px;margin:0}.legal{max-width:850px;padding-top:75px;padding-bottom:110px}.legal h1{font-size:49px;letter-spacing:-2px}.legal h2{font-size:22px;margin-top:42px}.legal p{color:#686b7a;line-height:1.9}.legal a{color:var(--accent)}.checkout-wrap{padding-top:80px;padding-bottom:120px;display:grid;grid-template-columns:1fr 390px;gap:100px}.checkout-wrap h1{font-size:42px;letter-spacing:-1.6px}.checkout-wrap p{color:#808397}.checkout-form{max-width:500px;margin-top:35px}.checkout-summary{border:1px solid #ededf3;border-radius:16px;align-self:start;overflow:hidden;padding:20px}.checkout-summary img{border-radius:10px}.checkout-summary h3{margin:24px 0 7px}.checkout-summary p{font-size:12px}.summary-total{border-top:1px solid #eeedf3;padding-top:22px;display:flex;justify-content:space-between}.summary-total strong{font-size:25px}.checkout-launch{margin-top:40px;border:1px solid #e4e4ef;padding:32px;border-radius:14px}.success-content{text-align:center;padding-top:110px;padding-bottom:130px;min-height:60vh}.success-content h1{font-size:43px;letter-spacing:-1.7px}.success-content p{color:#73778a}.success-content .btn{margin:20px 0}.success-icon{width:65px;height:65px;border-radius:50%;margin:0 auto 26px;background:#e0f8ec;display:grid;place-items:center;color:#29a86a;font-size:27px}.error-page{text-align:center;padding-top:110px;padding-bottom:120px;min-height:66vh}.error-page h1{font-size:105px;color:#dedaf8;margin-bottom:0}.error-page h2{font-size:30px;margin-bottom:35px}.flash{border-radius:11px;max-width:1200px;margin:17px auto;padding:16px 21px;font-size:14px;border:1px solid}.flash.success{background:#ecfff4;border-color:#c4efd7;color:#236b47}.flash.error{background:#fff4f4;border-color:#f5c6c6;color:#b54444}
/* installer + login */
.install-body{background:#f5f4fd;min-height:100vh;padding:55px 15px}.install-card,.login-card{max-width:550px;margin:auto;padding:46px;background:#fff;border:1px solid #eae9f3;border-radius:18px;box-shadow:var(--shadow)}.install-card h1,.login-card h1{margin:40px 0 12px;font-size:30px;letter-spacing:-1.1px}.install-card p,.login-card p{color:#818396;font-size:14px;line-height:1.65;margin-bottom:30px}.install-card .btn,.login-card .btn{width:100%}.install-card #mysql-fields{display:grid;gap:17px}.install-card #mysql-fields[hidden]{display:none}.install-card small{font-size:12px;color:#9496a4;line-height:1.65}.login-wrap{background:#f7f7fc;min-height:calc(100vh - 80px);padding:95px 20px}.login-card{max-width:450px}.login-card .back-link{margin:28px 0 0}
/* admin */
.admin-body{background:#f6f7fb}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{position:sticky;top:0;align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:251px;height:100vh;background:#15182d;padding:28px 16px 18px;color:#b5b8cc;overflow:auto}.admin-brand{color:white;font-size:20px;padding:0 12px 39px}.admin-brand .brand-mark{height:38px;width:38px}.admin-overline{font-size:10px;letter-spacing:1.5px;color:#61677d;font-weight:800;padding:0 16px;margin-bottom:17px}.admin-links{display:flex;flex-direction:column;gap:5px}.admin-links a{display:flex;align-items:center;gap:13px;padding:14px 16px;font-size:13px;font-weight:580;color:#b0b3c8;border-radius:9px}.admin-links a:hover{background:#22263f;color:white}.admin-links a.current{background:#7770ec21;color:#c7c2ff;font-weight:730}.nav-icon{width:19px;text-align:center;font-size:19px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:11px;padding:22px 16px 3px;border-top:1px solid #303249}.sidebar-bottom>a,.sidebar-bottom button{color:#afb1c5;font-size:12px;text-align:left;background:transparent;border:0;padding:5px 0}.sidebar-bottom button:hover,.sidebar-bottom>a:hover{color:white}.admin-main{flex:1;min-width:0}.admin-topbar{height:76px;background:#fff;border-bottom:1px solid #e9eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 41px}.admin-topbar>span{letter-spacing:1.5px;font-weight:750;color:#8b8ea1;font-size:10px}.admin-topbar strong{color:#3d4056}.topbar-right{display:flex;align-items:center;gap:12px;font-size:12px;color:#51546b}.avatar{background:#eeeaff;border-radius:50%;display:grid;place-items:center;height:34px;width:34px;color:#665bdd;font-weight:800}.admin-content{max-width:1410px;margin:auto;padding:33px 42px 95px}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-title-row h1{font-size:26px;letter-spacing:-.9px;margin:0}.admin-site-link{font-size:12px;color:#757a90}.admin-welcome{background:linear-gradient(115deg,#514abb,#7469db);border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;min-height:155px}.admin-welcome h2{font-size:24px;margin:10px 0}.admin-welcome p{font-size:12px;color:#e4e0ff;margin:0}.admin-welcome .admin-eyebrow{color:#cac6ff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:24px 0}.stat-card{background:#fff;border:1px solid #ececf3;border-radius:14px;padding:23px;min-height:143px}.stat-symbol{float:right;display:grid;place-items:center;height:34px;width:34px;border-radius:10px;background:#f1eeff;color:#6c5ed7;font-size:19px}.stat-card>span:not(.stat-symbol){font-size:12px;color:#85899e;display:block;margin-bottom:18px}.stat-card strong{font-size:32px;letter-spacing:-1px;display:block}.admin-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.9fr);gap:23px}.admin-panel{background:#fff;border:1px solid #e9eaf1;border-radius:14px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 25px 12px}.panel-head h2,.quick-actions h2,.form-card h2{font-size:16px;letter-spacing:-.4px;margin:0}.panel-head a{font-size:12px;color:#7768e7}.table-scroll{overflow-x:auto}.admin-panel table{width:100%;border-collapse:collapse;min-width:590px}.admin-panel th{color:#9da0ae;font-size:10px;letter-spacing:.7px;font-weight:750;text-align:left;background:#fbfbfd;padding:16px 21px;text-transform:uppercase}.admin-panel td{border-top:1px solid #f0eff5;padding:18px 21px;font-size:12px;vertical-align:middle;color:#656a7c}.admin-panel td strong{color:#292c44;font-weight:700}.admin-panel td>a{color:#6d5dd4;font-weight:700}.admin-theme-name{display:flex;gap:13px;align-items:center}.admin-theme-name img{width:59px;height:43px;object-fit:cover;border-radius:7px}.admin-theme-name strong{display:block;margin-bottom:6px}.admin-theme-name small{display:block;color:#a0a1ae;font-size:10px}.status{display:inline-block;padding:6px 10px;border-radius:6px;font-weight:720;font-size:10px;white-space:nowrap;background:#eef1f7;color:#697185;text-transform:capitalize}.status.published,.status.paid{background:#e4f7ed;color:#2a9b63}.status.sample{background:#eee9ff;color:#7863c9}.status.draft,.status.pending{background:#fff3da;color:#ba8837}.status.read{background:#edf1f7;color:#7f8499}.quick-actions{padding:24px}.quick-actions h2{margin-bottom:14px}.quick-actions>a{display:flex;gap:14px;align-items:center;border-bottom:1px solid #efeff5;padding:19px 0;font-size:15px;color:#9c99b5}.quick-actions>a:last-child{border:0}.quick-actions>a>span{background:#f1efff;color:#7363d9;width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font-size:21px}.quick-actions>a>div{flex:1}.quick-actions strong{display:block;color:#33364b;font-size:13px}.quick-actions small{font-size:11px;color:#a3a5b2;display:block;margin-top:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.toolbar p{color:#83879a;font-size:13px;margin:0}.row-actions{display:flex;gap:15px;align-items:center}.row-actions a,.row-actions button{color:#6e60da;background:none;border:0;padding:0;font-size:12px;font-weight:700}.row-actions button{color:#bb7272}.admin-edit{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.edit-main,.edit-side{display:flex;flex-direction:column;gap:22px;min-width:0}.form-card{padding:28px;display:flex;flex-direction:column;gap:19px}.form-card h2{margin-bottom:5px}.form-card input[type=file]{font-size:12px;padding:10px;background:#fafaff}.form-card .check-label{display:flex;flex-direction:row;align-items:center;font-size:13px;gap:10px}.form-card .check-label input{accent-color:var(--accent);width:16px;height:16px}.upload-preview{width:100%;height:120px;object-fit:cover;border-radius:9px}.file-saved{color:#268d55;background:#e9f8f0;border-radius:7px;padding:12px;margin:0;font-size:12px}.form-card code{word-break:break-word;color:#6559ca}.admin-password{max-width:940px;margin-top:25px}.admin-password .form-two{align-items:end}.admin-password .btn{align-self:end}.messages-grid{display:grid;gap:18px}.message-card{padding:26px}.message-card-head{display:flex;justify-content:space-between;gap:20px}.message-card-head h3{margin:13px 0 8px;font-size:17px}.message-card-head p,.message-card-head>small{color:#8f92a1;font-size:12px}.message-card-head a{color:#7668db}.message-body{white-space:normal;line-height:1.7;color:#626679;font-size:14px;border-block:1px solid #eeeef4;padding:17px 0}.empty-small{padding:35px;color:#999aaa;font-size:14px}
@media(max-width:1150px){.hero-grid{gap:20px}.hero h1{font-size:53px}.hero-points{gap:10px;flex-wrap:wrap}.theme-grid{gap:18px}.theme-image img{height:190px}.footer-grid{gap:25px}.admin-sidebar{width:222px}.admin-content{padding-left:25px;padding-right:25px}.admin-edit{grid-template-columns:minmax(0,1fr) 265px}.admin-columns{grid-template-columns:1fr}}
@media(max-width:900px){.site-header{height:73px}.mobile-menu-btn{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 18px 30px #15152e16;flex-direction:column;align-items:stretch;padding:20px 25px;gap:20px}.site-nav.open{display:flex}.hero-grid{grid-template-columns:1fr;max-width:690px;padding-top:60px;gap:42px}.hero-content{max-width:none}.hero h1{font-size:58px}.hero-art{max-width:640px;margin:auto}.floating-two{left:-12px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-image img{height:auto;aspect-ratio:1.6}.value-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.contact-page{gap:45px}.product-detail-grid{gap:35px}.admin-sidebar{width:74px;padding-inline:12px}.admin-brand>span:not(.brand-mark),.admin-overline,.admin-links>a{font-size:0}.admin-brand{padding:0 5px 30px}.admin-links a{justify-content:center;padding:14px 7px}.admin-links .nav-icon{font-size:20px}.sidebar-bottom{padding-inline:3px}.sidebar-bottom a,.sidebar-bottom button{font-size:10px}.admin-topbar{padding:0 25px}.admin-edit{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{padding:0 19px}.brand{font-size:20px}.hero-grid{padding-top:48px;padding-bottom:54px}.hero h1{font-size:45px;letter-spacing:-2.7px}.hero-content>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-points{margin-top:34px;gap:12px;font-size:11px}.floating-tag{font-size:9px;padding:10px 11px}.floating-one{top:1px;right:-3px}.floating-two{bottom:2px;left:0}.trust-inner{justify-content:center;padding-top:21px;padding-bottom:21px;text-align:center;flex-direction:column;gap:13px}.trust-inner>div{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:center}.section-space{padding:65px 0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.value-intro h2{font-size:32px}.theme-grid,.value-grid,.blog-grid{grid-template-columns:1fr}.theme-card{max-width:460px;width:100%;margin:auto}.theme-image img{aspect-ratio:1.65}.theme-info{padding:13px 19px 23px}.value-section{padding:65px 0}.cta-section{padding-bottom:57px}.cta-inner{border-radius:0;padding:60px 18px}.cta-section>.container{padding:0}.footer-grid{grid-template-columns:1fr 1fr;gap:33px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.site-footer{padding-top:55px}.footer-bottom{margin-top:45px;flex-direction:column;gap:10px}.catalog{padding-top:59px}.center-heading{margin-bottom:35px}.center-heading h1{font-size:40px}.filter-bar{flex-wrap:wrap}.filter-search{flex-basis:100%;height:48px}.filter-bar select{flex:1;min-width:0}.filter-submit{flex-basis:100%}.about-content,.contact-page,.checkout-wrap,.product-detail-grid{grid-template-columns:1fr;gap:30px}.simple-hero{padding-top:65px}.about-panel,.about-highlight{padding:32px}.about-highlight h3{margin-top:20px}.contact-page{padding-top:65px;padding-bottom:75px}.contact-form{padding:24px}.form-two{grid-template-columns:1fr}.contact-detail{margin-top:27px}.product-page{padding-top:30px}.breadcrumbs{margin-bottom:32px}.product-head{flex-direction:column;align-items:stretch;gap:18px}.product-head h1{font-size:43px}.product-price-box{width:100%}.product-detail-grid{margin-top:42px}.feature-list{grid-template-columns:1fr}.article{padding-top:45px}.article h1{font-size:36px}.article-end{flex-direction:column;align-items:flex-start}.checkout-wrap{padding-top:60px}.admin-shell{display:block}.admin-sidebar{position:relative;width:100%;height:auto;padding:12px;flex-direction:row;gap:15px;align-items:center;overflow:auto}.admin-brand{padding:0}.admin-brand>span:not(.brand-mark){display:none}.admin-links{flex-direction:row;gap:4px;flex:1}.admin-links a{min-width:40px}.sidebar-bottom,.admin-overline{display:none}.admin-topbar{height:57px;padding:0 17px}.topbar-right>span:last-child{display:none}.admin-content{padding:25px 16px 70px}.admin-site-link{display:none}.admin-welcome{padding:24px;flex-direction:column;align-items:flex-start}.stat-grid{gap:10px}.stat-card{padding:17px;min-height:117px}.stat-card strong{font-size:25px}.admin-columns{grid-template-columns:1fr}.admin-title-row h1{font-size:24px}.form-card{padding:19px}.toolbar{align-items:flex-start;flex-direction:column}.admin-password .form-two{grid-template-columns:1fr}.login-wrap{padding:43px 15px}.login-card,.install-card{padding:26px}.install-body{padding:25px 10px}}

.article-cover{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:14px;margin:30px 0 5px}

/* Apexio Themes v2 — brand, contacts, settings and advertising */
.brand-logo{display:block;width:var(--brand-logo-width,210px);max-width:100%;height:auto;max-height:65px;object-fit:contain}
.brand-name{font-weight:800;letter-spacing:-.75px}
.footer-brand .brand-logo{width:var(--brand-logo-width,190px);max-height:90px}
.brand:has(.brand-logo) .brand-name{font-size:18px}
.social-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:10px;color:#eeeaff;border:1px solid #4e4b63;font-size:15px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}
.social-links a:hover{background:#6758e6;border-color:#7465ec;transform:translateY(-2px)}
.contact-social{margin-top:32px}
.contact-social a{background:#f0eeff;color:#6d5ee5;border-color:#e5dfff}
.contact-social a:hover{color:#fff}
.contact-detail{margin-top:28px}
.contact-detail a{color:#5e56b9;word-break:break-word}
.contact-detail a:hover{text-decoration:underline}
.captcha-box{padding:17px 20px;background:#f8f7ff;border:1px solid #e7e4fb;border-radius:11px}
.captcha-box label{font-weight:700;color:#33344e}
.captcha-box input{margin-top:6px;max-width:210px}
.captcha-box .small{margin:9px 0 0}
.contact-form .small a{color:#6758d7;text-decoration:underline}
.ad-unit{min-width:0;overflow:hidden;text-align:center}
.ad-label{display:block;color:#a0a0ae;font-size:9px;letter-spacing:.5px;line-height:1.4;text-transform:uppercase}
.ad-header{width:250px;max-width:24%;max-height:72px;min-height:48px;flex:0 1 250px}
.ad-header .adsbygoogle{min-height:46px;max-height:60px}
.ad-content{width:min(100% - 36px,1050px);margin:15px auto 45px;min-height:120px}
.ad-content .adsbygoogle{min-height:100px}
.site-header:has(.ad-header) .site-nav{gap:20px;font-size:13px}
.site-header:has(.ad-header) .nav-cta{gap:9px;padding:13px 14px}
.site-header:has(.ad-header) .nav-wrap{gap:15px}
.settings-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-5px 0 25px;padding:7px;border:1px solid #e8e8f1;border-radius:12px;background:#fff}
.settings-tabs a{font-size:12px;font-weight:750;padding:11px 14px;border-radius:8px;color:#858597}
.settings-tabs a:hover{background:#f7f7fe;color:#5a4ebe}
.settings-tabs a.selected{background:#ece9ff;color:#5e52c3}
.settings-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.settings-standalone{max-width:600px}
.settings-security-grid .stack-form .check-label{flex-direction:row;align-items:center}
.media-setting{display:flex;flex-direction:column;gap:13px}
.media-current{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:13px;background:#f8f8fc;border:1px solid #efedf8;border-radius:11px}
.media-current img{width:auto;height:65px;max-width:230px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.media-current .check-label{display:flex;flex-direction:row;align-items:center}
.settings-save{position:sticky;top:18px}
.settings-save .btn{width:100%}
.settings-tabs a:focus-visible,.social-links a:focus-visible,.brand:focus-visible,.contact-detail a:focus-visible{outline:3px solid #8e7bfa;outline-offset:3px}
@media(max-width:1150px){.ad-header{display:none}.site-header:has(.ad-header) .site-nav{gap:25px;font-size:14px}.settings-security-grid{grid-template-columns:1fr}}
@media(max-width:640px){.settings-tabs{gap:4px}.settings-tabs a{padding:9px 10px;font-size:11px}.settings-save{position:static}.brand:has(.brand-logo) .brand-name{font-size:16px}.brand-logo,.footer-brand .brand-logo{width:var(--brand-logo-mobile-width,140px);max-width:100%;height:auto}.site-header .brand-logo{max-height:53px}.social-links{gap:6px}.ad-content{min-height:100px;margin:5px auto 28px}.contact-social{margin-top:22px}}

/* Apexio Themes v2.1: independent header/footer pixel widths in Website Settings. */
.logo-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 18px}
.logo-size-grid label{min-width:0}
.logo-size-grid input[type=number]{width:100%}
@media(max-width:550px){.logo-size-grid{grid-template-columns:1fr}}