@font-face{font-family:Vazir;src:local("Vazirmatn"),local("Tahoma");font-display:swap}
:root{--bg:#070b1a;--bg2:#0e1630;--card:#101a35cc;--text:#eff3ff;--muted:#aeb9d6;--primary:#5b7cfa;--secondary:#10d6c9;--danger:#ff5d73;--ok:#1ed69b;--border:#ffffff1a;--shadow:0 24px 70px #0007;--radius:24px}
*{box-sizing:border-box}body{margin:0;font-family:Vazir,Tahoma,Arial;background:#f7f8fc;color:#172039;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,11,26,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.logo{font-weight:900;color:#fff;display:flex;align-items:center;gap:10px}.logo span{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center}.main-nav{display:flex;gap:22px;color:#dbe4ff;font-size:14px}.main-nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.cart-link{color:#fff;background:#ffffff12;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:13px}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;transition:.25s}.btn.small{padding:7px 14px;font-size:13px}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 12px 35px #5b7cfa44}.btn.ghost{background:#ffffff12;color:#fff;border:1px solid var(--border)}.btn.danger{background:#ff5d7320;color:#fff;border:1px solid #ff5d7355}.btn.full{width:100%;margin-top:10px}.hero{background:radial-gradient(circle at 20% 10%,#5b7cfa66,transparent 35%),radial-gradient(circle at 80% 20%,#10d6c966,transparent 30%),linear-gradient(135deg,var(--bg),var(--bg2));color:#fff;padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;background:#ffffff12;border:1px solid var(--border);border-radius:999px;color:#bfe9ff;padding:6px 14px;font-weight:800;margin-bottom:16px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.2;margin:0 0 18px}.hero p,.page-hero p{font-size:18px;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.stats-row{display:flex;gap:14px;flex-wrap:wrap;color:#dce6ff}.stats-row span{background:#ffffff12;border:1px solid var(--border);border-radius:16px;padding:12px 16px}.stats-row b{color:#fff}.hero-visual{position:relative;min-height:420px}.code-window{background:#0b1024;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:22px;direction:ltr;transform:rotate(-2deg)}.window-dots{display:flex;gap:8px;margin-bottom:18px}.window-dots i{width:12px;height:12px;border-radius:50%;background:#fff3}.code-window pre{color:#bfe9ff;font-size:16px;white-space:pre-wrap}.floating-card{position:absolute;background:#ffffff18;border:1px solid var(--border);backdrop-filter:blur(16px);border-radius:20px;padding:18px;color:#fff;box-shadow:var(--shadow)}.floating-card.one{right:20px;bottom:90px}.floating-card.two{left:10px;bottom:25px}.section{padding:72px 0}.dark-section{background:#0b1024;color:#fff}.section-title{text-align:center;margin-bottom:38px}.section-title h2,.split h2{font-size:36px;margin:0 0 10px}.section-title p,.split p{color:#607092}.dark-section .section-title p{color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{position:relative;background:#fff;border:1px solid #e8ecf8;border-radius:var(--radius);padding:26px;box-shadow:0 14px 45px #17203912;transition:.25s;overflow:hidden}.dark-section .product-card{background:linear-gradient(180deg,#131d3dcc,#0b1024);border-color:var(--border);color:#fff}.product-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px #17203925}.card-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-size:24px;margin-bottom:18px}.badge{display:inline-flex;background:#eef3ff;color:#3854c8;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.dark-section .badge{background:#ffffff18;color:#bfe9ff}.product-card h3{font-size:23px;margin:16px 0 8px}.product-card p{color:#6a7897}.dark-section .product-card p{color:var(--muted)}.tech{font-size:13px;color:#4e63c8;background:#f2f5ff;border-radius:14px;padding:9px 12px;margin:16px 0}.dark-section .tech{background:#ffffff12;color:#cde5ff}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.product-footer a{color:var(--primary);font-weight:900}.split{display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center}.check-list{padding:0;list-style:none}.check-list li{margin:10px 0;padding-right:30px;position:relative}.check-list li:before{content:'✓';position:absolute;right:0;top:0;color:var(--ok);font-weight:900}.feature-panel{background:linear-gradient(135deg,#101a35,#17244e);color:#fff;border-radius:32px;padding:34px;box-shadow:var(--shadow)}.feature-list{display:flex;flex-wrap:wrap;gap:12px}.feature-list span{background:#ffffff14;border:1px solid var(--border);border-radius:999px;padding:9px 13px}.slider{position:relative;background:linear-gradient(135deg,#101a35,#17244e);border-radius:34px;min-height:270px;overflow:hidden;box-shadow:var(--shadow)}.slide{display:none;padding:52px;color:#fff;min-height:270px;background:radial-gradient(circle at left,#10d6c955,transparent 40%)}.slide.active{display:flex;align-items:center}.slide h3{font-size:34px;margin:0 0 12px}.slide p{color:#d6def9}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#ffffff18;color:#fff;font-size:32px;cursor:pointer}.slider-btn.prev{right:18px}.slider-btn.next{left:18px}.faq-list{display:grid;gap:14px}.faq-list details, details{background:#fff;border:1px solid #e8ecf8;border-radius:18px;padding:18px}.page-hero{background:linear-gradient(135deg,var(--bg),var(--bg2));color:#fff;padding:70px 0}.page-hero h1{font-size:46px;margin:0 0 10px}.search-bar{display:grid;grid-template-columns:1fr 190px auto;gap:12px;margin-bottom:32px}.search-bar input,.search-bar select,input,textarea,select{width:100%;border:1px solid #dce3f5;border-radius:16px;padding:13px 15px;font-family:inherit;font-size:15px;background:#fff}.product-detail{display:grid;grid-template-columns:1fr 330px;gap:32px;align-items:start}.detail-body,.buy-box,.form-card,.ai-box,.ai-answer,.admin-card,.install-card{background:#fff;border:1px solid #e8ecf8;border-radius:26px;padding:28px;box-shadow:0 14px 45px #17203912}.buy-box{position:sticky;top:100px}.price{font-size:28px;font-weight:900;color:var(--primary);margin:16px 0}.narrow{max-width:720px}.form-card{display:grid;gap:16px}.form-card label{font-weight:800}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px}.alert.error{background:#fff0f2;color:#a20f28;border:1px solid #ffd0d8}.alert.success{background:#eafff7;color:#08784f;border:1px solid #bff3df}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 45px #17203912}.table th,.table td{padding:15px;border-bottom:1px solid #edf1fa;text-align:right}.table th{background:#f1f4ff}.total-box{margin-top:20px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:22px;padding:20px}.link-danger{color:var(--danger);background:none;border:0;cursor:pointer}.empty-state{background:#fff;border-radius:24px;padding:30px;text-align:center}.ai-box{display:grid;gap:14px}.ai-answer{margin-top:18px;background:#f8fbff}.small-grid{grid-template-columns:repeat(2,1fr)}.site-footer{background:#070b1a;color:#dbe4ff;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{display:block;color:#aeb9d6;margin:8px 0}.copyright{text-align:center;border-top:1px solid var(--border);padding:18px;margin-top:35px;color:#8290b5}.admin-body{display:grid;grid-template-columns:250px 1fr;background:#f5f7fd;min-height:100vh}.admin-sidebar{background:#070b1a;color:#dbe4ff;padding:25px;position:sticky;top:0;height:100vh}.admin-logo{font-weight:900;color:#fff;font-size:22px;margin-bottom:25px}.admin-sidebar a{display:block;padding:12px 14px;border-radius:14px;margin:7px 0}.admin-sidebar a:hover{background:#ffffff12;color:#fff}.admin-main{padding:32px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.admin-stats div{background:#fff;border-radius:22px;padding:25px;box-shadow:0 14px 35px #17203910}.admin-stats strong{display:block;font-size:34px;color:var(--primary)}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-form{max-width:850px}.inline{display:flex!important;align-items:center;gap:8px}.inline input{width:auto}.install-page{min-height:100vh;background:radial-gradient(circle at top left,#5b7cfa66,transparent 35%),linear-gradient(135deg,#070b1a,#0e1630);display:grid;place-items:center;padding:30px}.install-card{width:min(760px,96%);direction:rtl}.brand-badge{display:inline-block;background:#eef3ff;color:#3854c8;border-radius:999px;padding:6px 14px;font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid h3{grid-column:1/-1}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.main-nav{display:none;position:absolute;top:76px;right:4%;left:4%;background:#0b1024;border:1px solid var(--border);border-radius:22px;padding:20px;flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block;background:#ffffff12;color:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 12px}.nav-actions{gap:6px}.hero-grid,.split,.product-detail,.footer-grid{grid-template-columns:1fr}.cards-grid,.admin-stats{grid-template-columns:1fr}.search-bar{grid-template-columns:1fr}.admin-body{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.form-grid{grid-template-columns:1fr}.hero{padding-top:60px}.page-hero h1{font-size:34px}}

/* v2 additions */
.admin-stats.six{grid-template-columns:repeat(6,1fr)}
.admin-thumb{width:72px;height:48px;object-fit:cover;border-radius:12px;border:1px solid #e3e9f8;background:#f2f5ff}
.product-cover{width:100%;height:170px;object-fit:cover;border-radius:18px;margin-bottom:16px;border:1px solid #ffffff22;background:#eef3ff}
.detail-cover{width:100%;max-height:360px;object-fit:cover;border-radius:24px;margin-bottom:24px;border:1px solid #e8ecf8}
.guide-box{background:#f7f9ff;border:1px solid #dfe7fb;border-radius:18px;padding:18px;margin-top:10px}
.download-row{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f7f9ff;border:1px solid #e1e8f8;border-radius:18px;padding:16px;margin:12px 0}
.order-card{background:#fff;border:1px solid #e8ecf8;border-radius:24px;padding:24px;box-shadow:0 14px 45px #17203912;margin-bottom:22px}
.order-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #edf1fa;padding-bottom:12px;margin-bottom:12px}
.order-head h3{margin:0}.order-head span{background:#eef3ff;color:#3854c8;border-radius:999px;padding:6px 12px;font-weight:800}
.mini-form{display:flex;gap:8px;align-items:center}.mini-form select{min-width:130px;padding:8px}.mini-form button{border:0;border-radius:12px;padding:9px 13px;cursor:pointer}
.result-item{background:#fff;border:1px solid #e8ecf8;border-radius:20px;padding:18px;margin:12px 0}.muted{color:#64728f;font-size:14px}.page-content{background:#fff;border:1px solid #e8ecf8;border-radius:24px;padding:32px;box-shadow:0 14px 45px #17203912}.slide{background-size:cover;background-position:center}
@media(max-width:1100px){.admin-stats.six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.admin-stats.six{grid-template-columns:1fr}.download-row{align-items:flex-start;flex-direction:column}.order-head{align-items:flex-start;flex-direction:column}}

/* v3 additions */
.admin-stats.eight{grid-template-columns:repeat(4,1fr)}
.blog-card h3{min-height:60px}.blog-content{line-height:2.1;font-size:16px}.blog-content hr{border:0;border-top:1px solid #e8ecf8;margin:28px 0}.ai-sources{margin-top:18px}.source-row{display:grid;grid-template-columns:90px 1fr 130px;gap:12px;align-items:center;border-bottom:1px solid #edf1fa;padding:12px 0}.source-row:last-child{border-bottom:0}.source-row span{background:#eef3ff;color:#3854c8;border-radius:999px;text-align:center;padding:5px 10px;font-weight:800;font-size:12px}.source-row small{color:#64728f}.admin-form h2{border-top:1px solid #edf1fa;padding-top:22px;margin-top:22px}.admin-form h2:first-child{border-top:0;padding-top:0;margin-top:0}code{direction:ltr;display:inline-block;background:#f2f5ff;border-radius:8px;padding:3px 6px;color:#243b8f}.faq-section{background:linear-gradient(180deg,#f8fbff,#ffffff)}
@media(max-width:1100px){.admin-stats.eight{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.admin-stats.eight{grid-template-columns:1fr}.source-row{grid-template-columns:1fr}.blog-card h3{min-height:auto}}

/* v4 additions */
.btn.ghost-dark{background:#eef3ff;color:#243b8f;border:1px solid #dce3f5}.btn.ghost-dark:hover{background:#e2e9ff}.admin-stats.ten{grid-template-columns:repeat(5,1fr)}.pro-search{grid-template-columns:1fr 180px 180px auto}.category-strip{display:flex;gap:12px;flex-wrap:wrap;margin:-10px 0 30px}.category-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3e9f8;border-radius:999px;padding:10px 15px;font-weight:800;box-shadow:0 10px 25px #1720390c}.category-pill.active,.category-pill:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent}.cat-icon-preview{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef3ff;color:#3854c8;font-weight:900}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.wizard-step{background:#fff;border:1px solid #e6ecfa;border-radius:18px;padding:14px;text-align:center;font-weight:900;color:#6d7893;box-shadow:0 10px 30px #1720390d}.wizard-step span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef3ff;margin-left:8px}.wizard-step.active{border-color:#5b7cfa;color:#243b8f;box-shadow:0 18px 45px #5b7cfa20}.wizard-step.active span,.wizard-step.done span{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.custom-order-card h2{margin-top:0}.feature-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-choice{background:#f7f9ff;border:1px solid #dfe7fb;border-radius:16px;padding:13px;cursor:pointer}.feature-choice input{width:auto;margin-left:8px}.feature-choice:has(input:checked){border-color:#5b7cfa;background:#eef3ff;color:#243b8f}.wizard-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.summary-box,.message-box{background:#f8fbff;border:1px solid #e1e8f8;border-radius:20px;padding:18px}.success-state{border:1px solid #bff3df;background:#f5fffb}.ticket-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.side-panel{position:sticky;top:24px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.info-grid div{background:#f8fbff;border:1px solid #e1e8f8;border-radius:16px;padding:13px}.info-grid span{display:block;color:#65728e;font-size:13px}.info-grid strong{display:block;color:#172039}.thread{display:grid;gap:14px}.reply{border-radius:20px;padding:16px;border:1px solid #e1e8f8}.reply p{margin:6px 0 0}.reply-meta{font-size:13px;color:#64728f}.customer-reply{background:#f8fbff;margin-left:40px}.admin-reply{background:#eef3ff;margin-right:40px;border-color:#cfdcff}.client-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.admin-table small,.table small{color:#6b7894}.link-danger{color:#d72245!important}@media(max-width:1100px){.admin-stats.ten{grid-template-columns:repeat(2,1fr)}.ticket-layout,.dashboard-grid{grid-template-columns:1fr}.side-panel{position:static}.pro-search{grid-template-columns:1fr}.feature-choice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.admin-stats.ten,.wizard-steps{grid-template-columns:1fr}.feature-choice-grid{grid-template-columns:1fr}.customer-reply,.admin-reply{margin:0}.info-grid{grid-template-columns:1fr}}

/* v5 additions */
.admin-stats.six{grid-template-columns:repeat(3,1fr)}
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0 28px}.pricing-card{background:#fff;border:1px solid #e3e9f8;border-radius:22px;padding:20px;box-shadow:0 14px 40px #17203910}.pricing-card h4{font-size:22px;margin:0 0 6px}.pricing-card del{color:#8c98b3}.small-list li{font-size:14px;margin:7px 0}.plan-buy-form{border:1px solid #e3e9f8;border-radius:18px;padding:12px;margin:12px 0;background:#fff}.mini-plan{display:grid;gap:4px}.mini-plan span{font-weight:900;color:var(--primary);font-size:20px}.mini-plan small{color:#64728f}.summary-lines{background:#f8fbff;border:1px solid #e1e8f8;border-radius:18px;padding:14px;margin-top:12px}.summary-lines p{display:flex;justify-content:space-between;margin:7px 0}.admin-card + .admin-card{margin-top:22px}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.admin-stats.six{grid-template-columns:1fr}}

/* v6 invoice, proposal and email-log polish */
.invoice-shell{padding:48px 18px;background:linear-gradient(180deg,#f6f8ff,#fff);min-height:70vh}
.invoice-toolbar{max-width:1060px;margin:0 auto 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.invoice-card{max-width:1060px;margin:0 auto;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:28px;box-shadow:0 25px 70px rgba(15,23,42,.10);padding:38px;color:#111827}
.invoice-top{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #edf0f7;padding-bottom:24px;margin-bottom:24px}
.invoice-brand{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#3344cc;font-weight:900;margin-bottom:12px}
.invoice-top h1{margin:0 0 8px;font-size:30px;color:#0f172a}
.invoice-meta{display:grid;gap:8px;min-width:280px;background:#f8fafc;border-radius:20px;padding:18px}
.invoice-meta strong{font-size:20px;color:#111827}
.invoice-meta span{color:#475569}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.invoice-parties>div,.contract-section{border:1px solid #edf0f7;border-radius:20px;padding:18px;background:#fcfdff}
.invoice-parties h3,.contract-section h2{margin-top:0;color:#0f172a}
.invoice-table{width:100%;border-collapse:collapse;margin:22px 0;border-radius:18px;overflow:hidden;border:1px solid #e5e7eb}
.invoice-table th{background:#0f172a;color:#fff;text-align:right;padding:14px}
.invoice-table td{padding:14px;border-bottom:1px solid #e5e7eb;vertical-align:top}
.invoice-table code{direction:ltr;display:inline-block;background:#f1f5f9;border-radius:8px;padding:4px 6px}
.invoice-total-box{max-width:420px;margin-right:auto;display:grid;gap:10px;background:#f8fafc;border-radius:20px;padding:18px;border:1px solid #edf0f7}
.invoice-total-box div{display:flex;justify-content:space-between;gap:18px}
.invoice-total-box .grand{border-top:1px solid #dbe3ef;padding-top:12px;font-size:20px;color:#0f172a}
.invoice-footer-note{margin-top:24px;border-top:1px dashed #cbd5e1;padding-top:18px;color:#475569}
.contract-card .message-box{background:#fff;border-color:#e5e7eb}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.signature-grid div{height:110px;border:1px dashed #94a3b8;border-radius:18px;display:flex;align-items:flex-start;justify-content:center;padding-top:16px;color:#475569;background:#f8fafc}
.invoice-actions{margin-top:18px}.inline-check{display:flex!important;align-items:center;gap:8px;font-size:13px;color:#475569}.inline-check input{width:auto!important}.status-pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.status-pill.ok{background:#dcfce7;color:#166534}.status-pill.bad{background:#fee2e2;color:#991b1b}.alert.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
@media(max-width:800px){.invoice-top,.invoice-parties,.signature-grid{grid-template-columns:1fr;display:grid}.invoice-meta{min-width:0}.invoice-card{padding:22px}.invoice-table{font-size:13px;display:block;overflow-x:auto}}
@media print{.no-print,.site-header,.site-footer,.admin-sidebar{display:none!important}body{background:#fff!important}.invoice-shell{padding:0;background:#fff}.invoice-card{box-shadow:none;border:none;border-radius:0;max-width:100%;padding:0}.invoice-table th{background:#111827!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-parties>div,.contract-section,.invoice-total-box{break-inside:avoid}.invoice-top h1{font-size:24px}}


/* v7 Team, Roles & Kanban */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0}
.permission-card{display:flex!important;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:16px;padding:12px!important}
.permission-card small{display:block;opacity:.65;margin-top:4px;direction:ltr;text-align:left}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.team-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.team-card .avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--primary,#5b7cfa),var(--secondary,#10d6c9));display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;margin-bottom:12px;overflow:hidden}
.team-card .avatar img{width:100%;height:100%;object-fit:cover}
.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(250px,1fr));gap:14px;overflow-x:auto;padding-bottom:16px}
.kanban-column{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:12px;min-height:420px}
.kanban-column h3{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin:0 0 12px}
.kanban-column h3 span{background:rgba(255,255,255,.1);border-radius:999px;padding:2px 10px;font-size:12px}
.task-card{background:rgba(7,12,30,.88);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;margin-bottom:12px}
.task-title{font-weight:900;margin-bottom:8px}
.task-meta{display:flex;justify-content:space-between;gap:8px;margin:10px 0;font-size:12px;opacity:.8}
.priority-urgent{border-color:rgba(255,76,76,.5)}.priority-important{border-color:rgba(255,196,87,.5)}.priority-low{opacity:.85}
.quick-task-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;margin:14px 0}
.quick-task-form input,.quick-task-form select,.mini-form select,.mini-form button{border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:inherit;padding:9px}
.mini-form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:10px}
@media(max-width:900px){.quick-task-form{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(6,260px)}}


/* v8 public developer profiles, portfolio and responsive polish */
.team-hero-pro,.developer-profile-hero{background:radial-gradient(circle at 15% 20%,rgba(91,124,250,.55),transparent 32%),radial-gradient(circle at 85% 30%,rgba(16,214,201,.45),transparent 28%),linear-gradient(135deg,#050816,#111b3b);color:#fff;padding:88px 0;overflow:hidden}.team-hero-grid,.profile-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.team-hero-pro h1,.developer-profile-hero h1{font-size:clamp(40px,6vw,76px);line-height:1.15;margin:0 0 14px}.team-hero-pro p,.developer-profile-hero p{color:#bdc8e7;font-size:18px}.team-orbit-card{min-height:360px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);position:relative;display:grid;place-items:center;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.team-orbit-card strong{font-size:24px}.team-orbit-card span{position:absolute;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 15px}.team-orbit-card span:nth-child(1){top:34px;right:42px}.team-orbit-card span:nth-child(2){top:72px;left:40px}.team-orbit-card span:nth-child(3){bottom:58px;right:52px}.team-orbit-card span:nth-child(4){bottom:46px;left:62px}.team-orbit-card span:nth-child(5){top:50%;right:20px}.team-orbit-card span:nth-child(6){top:47%;left:24px}.team-public-section{background:linear-gradient(180deg,#f7f8fc,#fff)}.team-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mini-team-grid{grid-template-columns:repeat(4,1fr)}.developer-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e6ecfa;border-radius:30px;padding:24px;box-shadow:0 22px 60px rgba(23,32,57,.10);transition:.28s}.developer-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(23,32,57,.18)}.developer-glow{position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,250,.2),transparent 70%)}.developer-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.developer-avatar,.profile-avatar-xl{--member-color:#5b7cfa;background:linear-gradient(135deg,var(--member-color),#10d6c9);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 15px 45px rgba(91,124,250,.28);overflow:hidden}.developer-avatar{width:76px;height:76px;border-radius:24px;font-size:32px}.developer-avatar img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover}.developer-card h3{margin:0;font-size:22px}.developer-card .developer-top p{margin:3px 0 0;color:#61708d}.developer-headline{color:#52617f;min-height:58px}.skill-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.skill-cloud span{background:#eef3ff;color:#3149b4;border:1px solid #dbe4ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.skill-cloud.big span{font-size:14px;padding:9px 13px}.developer-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.developer-stats span{background:#f6f8ff;border:1px solid #e4eafa;border-radius:16px;padding:12px;color:#60708e;font-size:13px}.developer-stats b{display:block;color:#172039;font-size:16px}.developer-card.compact{padding:18px}.developer-card.compact h3{font-size:18px}.developer-card.compact .developer-avatar{width:58px;height:58px;border-radius:18px;font-size:24px}.center-actions{text-align:center;margin-top:30px}.team-process-section{background:#081027;color:#fff}.process-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-timeline div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px}.process-timeline span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));font-weight:900}.process-timeline p{color:#b7c3e0}.profile-identity{display:flex;align-items:center;gap:24px}.profile-avatar-xl{width:160px;height:160px;border-radius:44px;font-size:72px;flex:0 0 auto}.developer-profile-hero h2{font-size:24px;color:#d6def9;margin:0 0 10px}.profile-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.profile-links a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 13px;color:#fff}.profile-mini-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:24px;display:grid;gap:14px;backdrop-filter:blur(18px)}.profile-mini-panel div{background:rgba(255,255,255,.08);border-radius:18px;padding:14px}.profile-mini-panel span{display:block;color:#bfcae7;font-size:13px}.profile-mini-panel strong{display:block;font-size:20px}.profile-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}.profile-panel{background:#fff;border:1px solid #e6ecfa;border-radius:28px;padding:28px;box-shadow:0 18px 55px rgba(23,32,57,.09)}.portfolio-section{background:#f7f8fc}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{background:#fff;border:1px solid #e6ecfa;border-radius:28px;overflow:hidden;box-shadow:0 20px 55px rgba(23,32,57,.1);transition:.28s}.portfolio-card:hover{transform:translateY(-6px)}.portfolio-card>img,.portfolio-mock{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#101a35,#5b7cfa);display:grid;place-items:center;color:#fff}.portfolio-mock span{font-size:58px;font-weight:900}.portfolio-body{padding:22px}.portfolio-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.portfolio-meta span{background:#eef3ff;color:#3149b4;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.dark-text{color:#172039!important;border-color:#dce3f5!important;background:#fff!important}.cta-band{background:linear-gradient(135deg,#0b1024,#17244e);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-inner p{color:#b7c3e0}.admin-actions-row a{color:#bfe9ff}.admin-dev-card{background:linear-gradient(145deg,#101a35,#0b1024)!important}.admin-dev-card p{color:#c7d3f0}.admin-card p{margin-top:0}
@media(max-width:1100px){.team-public-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.mini-team-grid{grid-template-columns:repeat(2,1fr)}.team-hero-grid,.profile-hero-grid,.profile-content-grid{grid-template-columns:1fr}.profile-mini-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.team-hero-pro,.developer-profile-hero{padding:58px 0}.team-public-grid,.portfolio-grid,.mini-team-grid,.process-timeline{grid-template-columns:1fr}.profile-identity{display:block;text-align:center}.profile-avatar-xl{margin:0 auto 18px;width:128px;height:128px;border-radius:34px}.profile-links{justify-content:center}.profile-mini-panel{grid-template-columns:1fr}.cta-inner{display:block;text-align:center}.team-orbit-card{min-height:260px}.team-orbit-card span{position:static;margin:4px}.team-orbit-card{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:8px}.team-orbit-card strong{width:100%;text-align:center;margin-top:12px}.developer-stats{grid-template-columns:1fr}}


/* v9 demos, plan comparison, testimonials and client logos */
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.demo-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 24px}.demo-mini-card{background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #e4eafa;border-radius:20px;padding:16px;box-shadow:0 14px 35px rgba(23,32,57,.08)}.demo-mini-card span{display:inline-block;background:#eef3ff;color:#3149b4;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.demo-mini-card strong{display:block;margin:10px 0 6px;color:#172039}.demo-mini-card small{color:#64728f}.demo-hero{background:radial-gradient(circle at 20% 15%,rgba(91,124,250,.55),transparent 30%),radial-gradient(circle at 80% 30%,rgba(16,214,201,.42),transparent 30%),linear-gradient(135deg,#060a1b,#111b3b);color:#fff;padding:84px 0}.demo-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.demo-hero h1{font-size:clamp(38px,5vw,68px);margin:0 0 12px}.demo-hero p{color:#bec9e6;font-size:18px}.demo-device{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.17);border-radius:34px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.device-bar{display:flex;gap:7px;padding:0 0 16px}.device-bar i{width:12px;height:12px;border-radius:50%;background:#fff6;display:block}.device-content{min-height:260px;border-radius:24px;background:linear-gradient(135deg,#0d1735,#162c64);padding:28px;display:grid;align-content:center;gap:14px}.device-content strong{font-size:28px}.device-content span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-card{background:#fff;border:1px solid #e6ecfa;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(23,32,57,.12);transition:.25s}.demo-card:hover{transform:translateY(-6px)}.demo-card img,.demo-placeholder{width:100%;height:210px;object-fit:cover;background:linear-gradient(135deg,#111b3b,#5b7cfa);display:grid;place-items:center;color:#fff;font-size:70px;font-weight:900}.demo-body{padding:22px}.demo-credential{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f7f9ff;border:1px solid #e1e8f8;border-radius:16px;padding:12px;margin:14px 0}.demo-credential small{display:block;color:#64728f}.demo-credential code{direction:ltr}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.compare-wrap{overflow:auto;border:1px solid #e4eafa;border-radius:28px;box-shadow:0 22px 65px rgba(23,32,57,.1)}.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;min-width:780px}.compare-table th,.compare-table td{padding:18px;border-bottom:1px solid #edf1fa;text-align:center}.compare-table th:first-child,.compare-table td:first-child{text-align:right;background:#f8fbff;font-weight:900;position:sticky;right:0;z-index:1}.compare-table th{background:#111b3b;color:#fff}.compare-table th strong,.compare-table th small,.compare-table th span{display:block}.compare-table th span{color:#8cf5ec;margin-top:8px}.compare-table th small{color:#c6d0e8;font-weight:400;margin-top:4px}.checkmark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8fff6;color:#0b8f61;font-weight:900}.dash{color:#9aa5bb}.compare-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}.client-logo-section{background:linear-gradient(180deg,#fff,#f7f9ff)}.client-logo-marquee{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.client-logo-card{background:#fff;border:1px solid #e5ebf8;border-radius:24px;padding:20px;display:grid;place-items:center;text-align:center;min-height:150px;box-shadow:0 14px 42px rgba(23,32,57,.08);transition:.25s}.client-logo-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(23,32,57,.14)}.client-logo-card img{max-width:130px;max-height:58px;object-fit:contain;filter:grayscale(1);opacity:.82}.client-logo-card strong{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:26px}.client-logo-card span{font-weight:900;color:#172039;margin-top:10px}.client-logo-card small{color:#64728f}.testimonials-section,.testimonials-soft{background:#081027;color:#fff}.testimonials-soft{margin-top:0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.testimonials-soft .testimonial-card{background:#fff;color:#172039;border-color:#e6ecfa;box-shadow:0 18px 55px rgba(23,32,57,.1)}.stars{color:#ffcb4d;font-size:20px;letter-spacing:2px}.testimonial-card p{line-height:2;color:inherit}.result-pill{display:inline-block;background:rgba(16,214,201,.14);border:1px solid rgba(16,214,201,.32);color:#aaf9f1;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px}.testimonials-soft .result-pill{color:#0b7e76;background:#edfffd}.testimonial-person{display:flex;align-items:center;gap:12px;margin-top:18px}.testimonial-person span{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.testimonial-person span img{width:100%;height:100%;object-fit:cover}.testimonial-person strong{display:block}.testimonial-person small{display:block;color:#aeb9d4}.testimonials-soft .testimonial-person small{color:#64728f}@media(max-width:1100px){.demo-grid,.testimonial-grid,.demo-mini-grid{grid-template-columns:repeat(2,1fr)}.client-logo-marquee{grid-template-columns:repeat(3,1fr)}.demo-hero-grid{grid-template-columns:1fr}}@media(max-width:720px){.demo-grid,.testimonial-grid,.demo-mini-grid,.client-logo-marquee{grid-template-columns:1fr}.demo-hero{padding:58px 0}.demo-credential{grid-template-columns:1fr}.compare-actions{display:grid}.detail-actions{display:grid}.device-content{min-height:210px}.client-logo-card{min-height:120px}}


/* Admin sidebar fixed - v9.1 */
.admin-body{
  display:block !important;
  background:#f5f7fd;
  min-height:100vh;
}
.admin-sidebar{
  position:fixed !important;
  top:0;
  right:0;
  width:250px;
  height:100vh !important;
  min-height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  background:#070b1a !important;
  color:#dbe4ff;
  z-index:999;
}
.admin-sidebar a{
  color:#dbe4ff;
}
.admin-sidebar a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.admin-main{
  margin-right:250px;
  min-height:100vh;
  padding:32px;
}
.admin-sidebar::-webkit-scrollbar{
  width:7px;
}
.admin-sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:999px;
}
@media(max-width:900px){
  .admin-body{display:block !important;}
  .admin-sidebar{
    position:relative !important;
    width:100%;
    height:auto !important;
    min-height:auto;
    overflow:visible;
  }
  .admin-main{
    margin-right:0;
    padding:20px;
  }
}


/* Footer Google Map - v10 */
.site-footer p{color:#aeb9d6}
.footer-map .map-frame{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#0b1024;
  min-height:220px;
  box-shadow:0 18px 45px rgba(0,0,0,.20);
}
.footer-map iframe{
  width:100% !important;
  height:220px !important;
  border:0 !important;
  display:block;
}
.map-help{
  margin:0;
  padding:18px;
  color:#aeb9d6;
}
@media(min-width:901px){
  .footer-grid{grid-template-columns:1.45fr 1fr 1fr 1.55fr;align-items:start}
}
@media(max-width:900px){
  .footer-map iframe{height:260px !important}
}


/* v11 - Smooth homepage slider transition */
.slider{
  isolation:isolate;
}
.slider .slide{
  display:flex !important;
  align-items:center;
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(-28px) scale(.985);
  transition:opacity .85s ease, transform .85s ease, visibility .85s ease;
  pointer-events:none;
  z-index:1;
  will-change:opacity,transform;
}
.slider .slide.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  pointer-events:auto;
  z-index:2;
}
.slider .slide > div{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .75s ease .18s, transform .75s ease .18s;
}
.slider .slide.active > div{
  opacity:1;
  transform:translateY(0);
}
.slider-btn{
  z-index:5;
  transition:background .25s ease, transform .25s ease, opacity .25s ease;
}
.slider-btn:hover{
  background:#ffffff2e;
  transform:translateY(-50%) scale(1.06);
}
@media (prefers-reduced-motion: reduce){
  .slider .slide,
  .slider .slide > div,
  .slider-btn{
    transition:none !important;
  }
}


/* v13 theme color picker */
.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0 26px}.color-picker-card{display:block;background:#f8fbff;border:1px solid #e1e8f8;border-radius:20px;padding:16px;font-weight:900}.color-picker-card span{display:block;color:#172039}.color-picker-card small{display:block;color:#64728f;font-weight:500;margin:4px 0 12px}.color-picker-row{display:grid;grid-template-columns:58px 1fr 42px;gap:10px;align-items:center}.color-picker-row input[type=color]{height:44px;padding:4px;border-radius:14px;cursor:pointer;background:#fff}.color-picker-row input[data-color-text]{direction:ltr;text-align:center;font-family:Consolas,monospace;font-weight:900}.color-picker-row i{display:block;width:42px;height:42px;border-radius:14px;border:1px solid #d7deef;box-shadow:inset 0 0 0 3px #fff}.theme-preview{overflow:hidden;border-radius:26px;border:1px solid #e3e9f8;background:var(--site-light-bg,#f7f8fc);box-shadow:0 16px 50px rgba(23,32,57,.10);margin:16px 0 20px}.theme-preview-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--site-header-bg,#111827);color:#fff}.theme-preview-header span{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-weight:900}.theme-preview-header button{margin-right:auto;border:0;border-radius:999px;padding:9px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:inherit;font-weight:900}.theme-preview-hero{padding:30px;background:radial-gradient(circle at 15% 10%,rgba(var(--primary-rgb,91,124,250),.42),transparent 36%),radial-gradient(circle at 90% 30%,rgba(var(--secondary-rgb,16,214,201),.38),transparent 34%),linear-gradient(135deg,var(--bg,#070b1a),var(--bg2,#17244e));color:#fff}.theme-preview-hero h3{font-size:24px;margin:0 0 8px}.theme-preview-hero p{margin:0;color:#dbe4ff}@media(max-width:850px){.color-grid{grid-template-columns:1fr}.color-picker-row{grid-template-columns:54px 1fr 38px}}

/* v14 - Hero visual alignment fix */
.hero-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "code code"
    "card1 card2";
  gap:18px 18px;
  align-items:center;
  justify-items:center;
  min-height:auto;
  padding:28px 0 10px;
}

.code-window{
  grid-area:code;
  width:100%;
  max-width:540px;
  transform:none !important;
}

.floating-card{
  position:static !important;
  display:flex;
  align-items:center;
  justify-content:center;
  width:170px;
  min-height:66px;
  text-align:center;
}

.floating-card.one{
  grid-area:card1;
  justify-self:end;
}

.floating-card.two{
  grid-area:card2;
  justify-self:start;
}

@media(max-width:900px){
  .hero-visual{
    grid-template-columns:1fr;
    grid-template-areas:
      "code"
      "card1"
      "card2";
  }

  .floating-card.one,
  .floating-card.two{
    justify-self:center;
    width:min(260px,100%);
  }
}

/* v15 - Slider left-to-right movement */
.slider{
  overflow:hidden;
}
.slider .slide{
  display:flex !important;
  align-items:center;
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(-100%);
  transition:
    transform .95s cubic-bezier(.22,.8,.22,1),
    opacity .65s ease,
    visibility .95s ease;
  pointer-events:none;
  z-index:1;
  will-change:transform,opacity;
}
.slider .slide.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  pointer-events:auto;
  z-index:2;
}
.slider .slide > div{
  opacity:0;
  transform:translateX(-38px);
  transition:
    transform .75s cubic-bezier(.22,.8,.22,1) .18s,
    opacity .6s ease .18s;
}
.slider .slide.active > div{
  opacity:1;
  transform:translateX(0);
}
@media (prefers-reduced-motion: reduce){
  .slider .slide,
  .slider .slide > div{
    transform:none !important;
    transition:none !important;
  }
}