/* MicroArt CSS Architecture — Reusable marketing, card, form, hero and content components. */

.top-actions{display:flex;align-items:center;gap:12px;font-size:14px}

.search-row{padding:0 0 14px}

.search-box{display:flex;gap:8px}

.search-box input{width:100%;border:1px solid #d8dee9;border-radius:16px;padding:13px 16px;font:inherit;background:#f9fafb}

.search-box button,.btn{border:0;border-radius:14px;padding:12px 18px;font:inherit;cursor:pointer}

.btn-primary,.search-box button{background:#1d4ed8;color:#fff}

.btn-light{background:#fff;color:#1d4ed8;border:1px solid #dbeafe}

.btn-small{padding:8px 12px;font-size:13px;background:#eff6ff;color:#1d4ed8}

.hero{background:radial-gradient(circle at top left,#dbeafe,transparent 38%),linear-gradient(135deg,#eef4ff,#ffffff);padding:56px 0}

.hero__grid{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center}

.eyebrow{color:#1d4ed8;font-weight:800}

.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

.hero__panel{padding:24px}

.hero__panel form{display:grid;gap:10px}

.hero__panel input,.form-control,.form-card input,.form-card textarea,.form-card select{border:1px solid #d8dee9;border-radius:14px;padding:12px 14px;font:inherit;width:100%}

.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}

.mini-stats span{background:#f2f4f7;border-radius:999px;padding:6px 10px;font-size:13px}

.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-32px;position:relative;z-index:2}

.pillar-card{padding:24px;transition:.2s}

.pillar-card:hover{transform:translateY(-4px)}

.pillar-card span{color:#98a2b3;font-weight:900}

.pillar-card h2{margin:8px 0}

.pillar-card p{color:#667085}

.stack-cards{display:grid;gap:12px}

.stack-card span{color:#667085}

.sidebar-card{padding:18px;height:max-content}

.sidebar-card a{display:block;padding:8px 0;border-bottom:1px solid #f1f3f7}

.info-grid{display:grid;grid-template-columns:120px 1fr;gap:10px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:18px 0;margin:18px 0}

.info-grid span{color:#667085}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:48px}

.feature-card{padding:24px}

.feature-card span{color:#1d4ed8;font-weight:800}

.feature-card p{color:#667085}

.form-shell{padding-bottom:48px}

.form-card{padding:24px;max-width:720px}

.panel{padding:24px}

.trust-badges{display:flex;gap:10px;flex-wrap:wrap}

.trust-badges span{background:#1d2939;border:1px solid #344054;border-radius:14px;padding:12px}

.empty-card{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:20px;color:#667085}

.prose{white-space:pre-line}

.checkbox-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}

.checkbox-line input{width:auto}

.quick-cats{border-top:1px solid #eef2f7;margin-top:18px;padding-top:14px}

.quick-cats h4{margin:0 0 8px}

.search-result-label{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;padding:10px 14px;border-radius:16px;margin-top:0}

.badge-on-card{position:absolute;top:12px;right:12px;background:#101828;color:#fff;border-radius:999px;padding:4px 10px;font-style:normal;font-size:12px}

.mini-add-form{margin:0}

.remove-link{color:#dc2626}

.empty-card--center{text-align:center;padding:42px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.form-grid label{display:grid;gap:7px}

.form-grid__full{grid-column:1/-1}

.field-error{color:#dc2626}

.summary-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:10px 0}

.success-head{background:linear-gradient(135deg,#ecfdf3,#fff);border-radius:0 0 28px 28px}

.panel h2:first-child,.panel h3:first-child{margin-top:0}

.badge{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 10px;font-size:12px}

.checkbox-row{display:flex!important;align-items:center;gap:8px}

.checkbox-row input{width:auto!important}

.check-list{padding:0;margin:0;list-style:none;display:grid;gap:10px}

.check-list li{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px}

.check-list li:before{content:'✓';color:#16a34a;font-weight:700;margin-left:8px}

.faq-list details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}

.faq-list summary{cursor:pointer;font-weight:700}

.back-link{color:#2563eb;text-decoration:none;margin-bottom:10px;display:inline-block}

.rich-text{line-height:2;color:#334155}

.status-pill--large{font-size:15px;padding:12px 18px;background:#eef2ff;color:#3730a3;border-color:#c7d2fe}

.info-grid--wide{grid-template-columns:150px 1fr}

.auth-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;padding-bottom:48px}

.quick-action{padding:20px;display:grid;gap:6px;transition:.2s}

.quick-action:hover{transform:translateY(-3px);border-color:#bfdbfe}

.quick-action strong{font-size:20px;color:#0f172a}

.quick-action span{color:#64748b}

.narrow-form{max-width:900px;padding-bottom:48px}

.btn-danger{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}

.form-card select option{font-family:MicroArtIRANSans}

.search-box--current input:focus,.hero__quick-search input:focus{outline:0;border-color:#2c48d8;box-shadow:0 0 0 4px rgba(44,72,216,.10)}

.hero--current-assets{background:radial-gradient(circle at 8% 12%,rgba(52,87,255,.16),transparent 32%),linear-gradient(135deg,#f8fbff,#eef7ff 55%,#fff);position:relative;overflow:hidden}

.hero--current-assets:before{content:'';position:absolute;inset:auto -80px -160px auto;width:440px;height:440px;border-radius:50%;background:rgba(37,99,235,.08)}

.hero__visual-card{padding:14px;overflow:hidden;box-shadow:0 28px 70px rgba(44,72,216,.16)}

.hero__visual-img{width:100%;height:255px;object-fit:cover;border-radius:20px;display:block;background:#25c3d7}

.hero__quick-search{display:flex;gap:8px;margin-top:12px}

.hero__quick-search input{min-width:0;flex:1;border:1px solid #d8dee9;border-radius:14px;padding:12px 14px;font:inherit;background:#fff}

.hero__trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.hero__trust-row span{background:#fff;border:1px solid #dbeafe;color:#1830a4;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}

.pillar-grid--with-icons .pillar-card{position:relative;overflow:hidden;min-height:210px}

.pillar-grid--with-icons .pillar-card img{width:100%;height:92px;object-fit:cover;border-radius:18px;margin-bottom:10px;background:#f8fafc}

.pillar-grid--with-icons .pillar-card:first-child img{object-fit:contain;padding:10px}

.current-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}

.current-banner{display:block;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.08);border:1px solid #e6eaf2}

.current-banner img{width:100%;height:185px;object-fit:cover;display:block}

.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.promo-card{display:block;border-radius:28px;overflow:hidden;background:#fff;border:1px solid #e6eaf2;box-shadow:0 20px 55px rgba(22,34,51,.07)}

.promo-card img{width:100%;height:260px;object-fit:cover;display:block}

.hero-command-search{display:flex;gap:8px;background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:8px;margin-top:24px;box-shadow:0 20px 55px rgba(29,78,216,.10);max-width:760px}

.hero-command-search input{min-width:0;flex:1;border:0;background:transparent;padding:10px 12px;font:inherit}

.hero-command-search input:focus{outline:0}

.hero-command-search button{border:0;border-radius:18px;background:linear-gradient(135deg,var(--micro-blue),#0ea5c6);color:#fff;font:inherit;padding:12px 22px;cursor:pointer}

.hero__actions--routes .btn{box-shadow:0 12px 28px rgba(15,23,42,.08)}

.hero-mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}

.hero-mini-board div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:10px;text-align:center}

.hero-mini-board strong{display:block;color:var(--micro-blue);font-size:13px}

.hero-mini-board span{font-size:12px;color:#64748b}

.route-card{min-height:278px;border:0;box-shadow:var(--micro-shadow);position:relative}

.route-card b{display:inline-flex;margin-top:10px;color:var(--micro-blue);font-size:14px}

.route-card:before{content:'';position:absolute;inset:auto 22px 0 22px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--micro-blue),var(--micro-cyan));opacity:.9}

.route-card:hover{transform:translateY(-7px)}

.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}

.search-result-label--muted{color:#64748b;background:#fff;border-color:#e2e8f0}

.help-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#0f172a,#1f38e5);color:#fff;border-radius:34px;padding:28px;margin-top:40px;box-shadow:0 28px 80px rgba(31,56,229,.22)}

.help-strip .eyebrow{color:#c7d2fe}

.help-strip h2{margin:4px 0 0;font-size:24px;line-height:1.5}

.help-strip__actions{display:flex;gap:10px;flex-wrap:wrap}

.help-strip__actions a{background:#fff;color:#1e3a8a;border-radius:999px;padding:10px 14px;font-weight:800}

.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}

.action-card{display:block;text-decoration:none;color:inherit;transition:.2s ease}

.action-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(15,23,42,.09)}

.action-card h2{margin:0 0 10px;font-size:20px}

.action-card p{margin:0;color:#667085;line-height:1.9}

.inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.inline-form input,.inline-form select{border:1px solid #d8dee9;border-radius:14px;padding:11px 13px;font:inherit;background:#fff;min-width:220px}

.data-table{width:100%;border-collapse:collapse}

.data-table th,.data-table td{border-bottom:1px solid #eef2f7;text-align:right;padding:13px 10px;vertical-align:top}

.data-table th{font-size:13px;color:#667085;background:#f8fafc}

.table-wrap{overflow-x:auto}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}

.blog-grid--compact{grid-template-columns:repeat(4,1fr)}

.blog-card{display:block;background:#fff;border:1px solid #e6eaf2;border-radius:24px;padding:20px;color:inherit;text-decoration:none;box-shadow:0 16px 40px rgba(22,34,51,.05)}

.blog-card h2,.blog-card strong{margin:8px 0;color:#101828}

.blog-card p,.blog-card span{color:#667085;line-height:1.9}

.text-link{font-weight:800;color:#1d4ed8}

.prose--article{font-size:16px;line-height:2.2}

.ma-body{background:#f7faff;color:var(--ma-text)}

.ma-home-hero{margin-top:24px;min-height:300px;border-radius:24px;background:radial-gradient(circle at 20% 40%,rgba(255,255,255,.35),transparent 28%),linear-gradient(135deg,#08bdf4,#0b5cff);display:grid;grid-template-columns:44% 1fr;align-items:center;gap:24px;overflow:hidden;padding:34px 52px;color:#fff;box-shadow:var(--ma-shadow)}

.ma-home-hero__image img{width:100%;max-height:270px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.18))}

.ma-home-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.35;margin:0 0 12px;letter-spacing:-1px}

.ma-home-hero p{font-size:18px;margin:0 0 26px;color:#eaf7ff;max-width:620px}

.ma-hero-actions{display:flex;gap:16px}

.ma-hero-actions a:nth-child(2){background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.38)}

.ma-pillar-banners{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.ma-pillar-banner{min-height:200px;border-radius:22px;overflow:hidden;position:relative;background:#fff;border:1px solid var(--ma-border);box-shadow:var(--ma-shadow);display:flex;align-items:center;justify-content:space-between;color:#0b3971}

.ma-pillar-banner img{position:absolute;inset:auto auto 0 0;width:55%;height:100%;object-fit:cover}

.ma-pillar-banner div{position:relative;z-index:2;padding:28px;width:60%}

.ma-pillar-banner h2{margin:0 0 8px}

.ma-pillar-banner p{color:#44607d;margin:0 0 16px}

.ma-pillar-banner span{border:1px solid #bdd6ff;border-radius:12px;padding:8px 12px;color:#0b5cff;font-weight:900}

.ma-heart{position:absolute;top:14px;left:14px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #dbe5f3;display:grid;place-items:center;color:#789}

.ma-badge{position:absolute;top:14px;right:14px;border-radius:999px;padding:4px 10px;font-style:normal;font-weight:900;font-size:12px}

.ma-badge--green{background:#e7fbe9;color:#159447}

.ma-badge--red{background:#ffecec;color:#e33}

.ma-ribbon{position:absolute;top:54px;right:14px;background:#8657ff;color:#fff;border-radius:999px;padding:4px 10px;font-style:normal;font-size:12px}

.ma-rating{color:#f6a400;font-weight:800;margin-top:8px}

.ma-rating span{color:#8a9bb0;font-weight:500}

.ma-inline-form{margin:0}

.ma-alert-button{border:1px solid #0b5cff;border-radius:10px;color:#0b5cff;padding:8px 10px;font-size:13px}

.ma-muted{color:#94a3b8!important}

.ma-home-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}

.ma-home-split>div,.ma-why-row,.ma-panel{background:#fff;border:1px solid var(--ma-border);border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(28,64,132,.06)}

.ma-why-row{text-align:center;margin-top:34px}

.ma-why-row h2{margin-top:0}

.ma-why-row div{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;color:#29436a}

.ma-blog-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.ma-blog-row a,.ma-newsletter{background:#fff;border:1px solid var(--ma-border);border-radius:20px;padding:14px;box-shadow:0 12px 36px rgba(28,64,132,.06)}

.ma-blog-row img{width:100%;height:96px;object-fit:cover;border-radius:14px}

.ma-blog-row b,.ma-blog-row span{display:block}

.ma-blog-row span{font-size:13px;color:var(--ma-muted)}

.ma-newsletter{background:linear-gradient(135deg,#0b5cff,#0048bb);color:#fff}

.ma-newsletter input{width:100%;border:0;border-radius:10px;padding:10px;margin-bottom:8px}

.ma-newsletter button{border:0;border-radius:10px;padding:10px;background:#fff;color:#0b5cff;font-weight:900}

.ma-page-title-row{margin-top:34px;display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:end}

.ma-page-title-row h1{font-size:38px;margin:8px 0}

.ma-page-title-row p{color:var(--ma-muted)}

.ma-check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}

.ma-check-row input{width:auto}

.ma-primary-wide,.ma-submit-main{display:block;text-align:center;width:100%;border:0;border-radius:14px;background:#0b5cff;color:#fff;font:inherit;font-weight:900;padding:12px 18px;cursor:pointer}

.ma-outline-wide{display:block;text-align:center;width:100%;border:1px solid #0b5cff;border-radius:14px;background:#fff;color:#0b5cff;font:inherit;font-weight:900;padding:12px 18px;margin-top:10px}

.ma-clear-link{text-align:center;color:#ef4444;font-weight:900}

.ma-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--ma-border);border-radius:18px;padding:12px 16px;margin-bottom:14px}

.ma-view-tools{display:flex;gap:12px;align-items:center}

.ma-view-tools a{color:#0b5cff;font-weight:900}

.ma-gallery-card{position:relative}

.ma-gallery-main{width:100%;height:430px;object-fit:contain}

.ma-gallery-badges{position:absolute;top:24px;right:24px;display:grid;gap:8px}

.ma-gallery-badges span{background:#e8fff0;color:#159447;border-radius:999px;padding:5px 12px;font-weight:900}

.ma-gallery-badges span:nth-child(2){background:#0b5cff;color:#fff}

.ma-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}

.ma-thumbs img{height:82px;object-fit:contain;background:#f7fbff;border:1px solid #dbe5f3;border-radius:14px;padding:6px}

.ma-floating-heart{position:absolute;left:18px;top:18px;border:1px solid #dbe5f3;background:#fff;border-radius:50%;width:36px;height:36px}

.ma-sku-row{display:flex;justify-content:space-between;gap:12px;color:#6b7a90;font-size:13px}

.ma-rating--large{font-size:14px}

.ma-installment{background:#eef5ff;border-radius:14px;margin-top:12px;padding:12px;text-align:center;color:#0b5cff;font-weight:800}

.ma-spec-card div{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f8;padding:10px 0}

.ma-spec-card span{color:#6b7a90}

.ma-spec-card a{display:block;color:#0b5cff;font-weight:900;margin-top:12px}

.ma-tab-panel{margin-top:20px;background:#fff;border:1px solid var(--ma-border);border-radius:24px;padding:22px;box-shadow:0 16px 44px rgba(28,64,132,.06)}

.ma-tabs{display:flex;gap:30px;border-bottom:1px solid #edf2f8;margin-bottom:18px}

.ma-tabs span{padding:12px 0;font-weight:900;color:#6b7a90}

.ma-tabs .active{color:#0b5cff;border-bottom:3px solid #0b5cff}

.ma-related-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}

.ma-related-panels>div{background:#fff;border:1px solid var(--ma-border);border-radius:24px;padding:22px}

.ma-related-panels a{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f8;padding:12px 0}

.ma-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

.ma-tags span{background:#eef5ff;color:#0b5cff;border-radius:999px;padding:6px 10px;font-weight:800}

.ma-progress-ring{width:150px;height:150px;border-radius:50%;border:18px solid #2bc174;border-left-color:#e5eef8;margin:auto;display:grid;place-items:center;text-align:center}

.ma-progress-ring b{font-size:28px;color:#0b5cff}

.ma-progress-ring span{font-size:12px;color:#6b7a90}

.ma-side-check{margin-top:18px;background:#f7fbff;border-radius:18px;padding:14px}

.ma-learning-outcomes{margin-top:22px;text-align:center}

.ma-learning-outcomes div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}

.ma-learning-outcomes span{background:#f7fbff;border:1px solid #e7eef8;border-radius:16px;padding:16px;font-weight:800}

.ma-kit-box img{width:100%;height:120px;object-fit:contain}

.ma-process{background:#fff;border:1px solid var(--ma-border);border-radius:24px;padding:24px;margin-top:26px;text-align:center}

.ma-process>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.ma-process span{background:#f7fbff;border-radius:18px;padding:16px;font-weight:900}

.ma-process b{display:block;background:#0b5cff;color:#fff;border-radius:50%;width:30px;height:30px;margin:auto auto 8px;line-height:30px}

.ma-steps{background:#fff;border:1px solid var(--ma-border);border-radius:22px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}

.ma-steps span{text-align:center;color:#8a9bb0}

.ma-steps .active{color:#0b5cff;font-weight:900}

.ma-form-card,.ma-side-card{background:#fff;border:1px solid var(--ma-border);border-radius:24px;padding:22px;box-shadow:0 16px 44px rgba(28,64,132,.06);margin-bottom:16px}

.ma-form-card h2,.ma-side-card h2{margin-top:0}

.ma-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}

.ma-field{display:grid;gap:6px;margin-bottom:12px}

.ma-upload-field{border:1px dashed #b8d7ff;border-radius:18px;padding:16px;background:#f8fbff}

.ma-submit-main{max-width:260px}

.ma-green{background:#effdf5;border-color:#b9f2d2}

.ma-avatar{width:86px;height:86px;border-radius:50%;background:#fff;color:#0b5cff;font-size:38px;font-weight:900;display:grid;place-items:center;margin:auto}

.ma-completion b{width:100px;height:100px;border-radius:50%;border:12px solid #0b5cff;border-left-color:#dbeafe;display:grid;place-items:center;margin:auto;color:#0b5cff;font-size:24px}

.ma-table a{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border-bottom:1px solid #edf2f8;padding:12px}

.ma-table b{color:#16a34a}

.ma-faq-teaser{background:#fff;color:#18375e;border-radius:24px;padding:24px}

.ma-faq-teaser span{display:block;color:#6b7a90;margin:8px 0}

.ma-help-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}

.ma-help-cards a{background:#fff;border:1px solid var(--ma-border);border-radius:22px;padding:22px}

.ma-help-cards span{display:block;color:#6b7a90}

.ma-donut{width:150px;height:150px;margin:auto;border-radius:50%;border:28px solid #0b5cff;border-left-color:#13c8f4;border-bottom-color:#f6bd38;display:grid;place-items:center;font-weight:900}

.ma-chart-card svg{width:100%;height:170px}

.ma-chart-card meter{width:100%;height:12px}

.ma-empty{background:#fff;border:1px dashed #b8d7ff;border-radius:20px;padding:24px;color:#6b7a90}

body.ma-body{background:linear-gradient(180deg,#f7fbff 0,#f4f8ff 46%,#eef5ff 100%)}

.ma-homepage{padding-top:26px}

.ma-homepage-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:32px;align-items:center;border-radius:34px;padding:42px 50px;min-height:390px;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.38),transparent 16%),linear-gradient(135deg,#13c9f3 0%,#0b77ec 44%,#064bd9 100%);box-shadow:var(--ma-home-shadow-strong);overflow:hidden;color:#fff}

.ma-homepage-hero:before{content:"";position:absolute;inset:0;background:url('/static/img/current-site/homepage-shape.svg') left bottom/450px auto no-repeat;opacity:.25}

.ma-homepage-hero:after{content:"";position:absolute;inset:auto -130px -170px auto;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.12)}

.ma-homepage-hero__content,.ma-homepage-hero__visual{position:relative;z-index:1}

.ma-homepage-eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.16);border-radius:999px;padding:7px 13px;font-weight:900;font-size:13px}

.ma-homepage-hero h1{font-size:clamp(42px,4.2vw,66px);line-height:1.3;margin:18px 0 14px;letter-spacing:-1px}

.ma-homepage-hero p{font-size:17px;line-height:2.05;max-width:720px;color:#eaf7ff;margin:0}

.ma-homepage-hero-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:20px;padding:8px;margin-top:22px;max-width:590px;box-shadow:0 18px 50px rgba(0,0,0,.12)}

.ma-homepage-hero-search input{flex:1;border:0;outline:0;padding:11px 12px;font:inherit;min-width:0}

.ma-homepage-hero-search button{border:0;border-radius:15px;background:var(--ma-home-blue);color:#fff;font:inherit;font-weight:900;padding:11px 18px;cursor:pointer}

.ma-homepage-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

.ma-homepage-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:16px;padding:0 22px;font-weight:950}

.ma-homepage-btn--white{background:#fff;color:var(--ma-home-blue);box-shadow:0 14px 34px rgba(0,0,0,.12)}

.ma-homepage-btn--outline{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.52)}

.ma-homepage-hero__visual{min-height:310px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.28);padding:24px;overflow:hidden}

.ma-homepage-hero__visual img{width:min(100%,420px);height:280px;object-fit:contain;filter:drop-shadow(0 30px 45px rgba(2,6,23,.22));transform:scale(1.08)}

.ma-homepage-float-card{position:absolute;background:#fff;color:#0f2545;border-radius:18px;padding:10px 14px;box-shadow:0 20px 55px rgba(2,6,23,.20);min-width:142px}

.ma-homepage-float-card b{display:block;color:var(--ma-home-blue);font-size:22px}

.ma-homepage-float-card span{font-size:12px;color:#64748b}

.ma-homepage-float-card--one{right:24px;top:22px}

.ma-homepage-float-card--two{left:24px;bottom:22px}

.ma-homepage-trust{margin-top:18px;background:#fff;border:1px solid var(--ma-home-line);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 14px 44px rgba(15,23,42,.06);overflow:hidden}

.ma-homepage-trust div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:0 12px;padding:18px 22px;border-left:1px solid #edf2f8}

.ma-homepage-trust div:last-child{border-left:0}

.ma-homepage-trust i{grid-row:1/3;width:44px;height:44px;border-radius:16px;background:#eff6ff;display:grid;place-items:center;font-style:normal;font-size:22px}

.ma-homepage-trust b{font-weight:950;color:#0b1b35}

.ma-homepage-trust span{font-size:13px;color:#64748b}

.ma-homepage-categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}

.ma-homepage-categories a{min-width:0;border:1px solid #e6eef9;border-radius:20px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:linear-gradient(180deg,#fff,#f8fbff);min-height:128px;transition:.22s ease}

.ma-homepage-categories a:hover{transform:translateY(-4px);border-color:#b8d7ff;box-shadow:0 18px 42px rgba(11,92,255,.10)}

.ma-homepage-categories span{width:74px;height:54px;display:grid;place-items:center}

.ma-homepage-categories img{max-width:100%;max-height:54px;object-fit:contain}

.ma-homepage-categories b{font-size:13px;color:#0f2545;line-height:1.7}

.ma-homepage-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}

.ma-homepage-pillar{position:relative;min-height:230px;border-radius:28px;overflow:hidden;display:flex;align-items:stretch;background:#fff;box-shadow:var(--ma-home-shadow);border:1px solid var(--ma-home-line);transition:.23s ease}

.ma-homepage-pillar:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(11,92,255,.14)}

.ma-homepage-pillar img{position:absolute;inset:auto auto 0 0;width:55%;height:100%;object-fit:contain;object-position:left bottom}

.ma-homepage-pillar div{position:relative;z-index:1;width:58%;padding:26px}

.ma-homepage-pillar span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.75);padding:4px 10px;color:var(--ma-home-blue);font-size:12px;font-weight:950}

.ma-homepage-pillar h2{font-size:25px;margin:12px 0 8px;color:#0b2a5b}

.ma-homepage-pillar p{margin:0 0 16px;color:#48627f;line-height:2}

.ma-homepage-pillar b{display:inline-flex;color:var(--ma-home-blue);border:1px solid #b8d7ff;border-radius:14px;padding:8px 14px}

.ma-homepage-heart{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e1e9f5;color:#8da0b8;display:grid;place-items:center}

.ma-homepage-badge{position:absolute;left:14px;top:14px;border-radius:999px;padding:4px 10px;font-style:normal;font-size:12px;font-weight:950}

.ma-homepage-badge--green{background:#dcfce7;color:#15803d}

.ma-homepage-badge--red{background:#fee2e2;color:#dc2626}

.ma-homepage-rating{display:flex;gap:8px;color:#f59e0b;font-size:13px;margin-top:8px}

.ma-homepage-rating span+span{color:#94a3b8}

.ma-homepage-alert{border:1px solid #b8d7ff;color:var(--ma-home-blue);border-radius:12px;padding:7px 10px;font-size:12px;font-weight:900}

.ma-homepage-muted{color:#dc2626!important}

.ma-homepage-duo{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:34px}

.ma-homepage-panel{background:#fff;border:1px solid var(--ma-home-line);border-radius:28px;padding:22px;box-shadow:var(--ma-home-shadow);min-width:0}

.ma-homepage-why{margin-top:34px;background:#fff;border:1px solid var(--ma-home-line);border-radius:28px;padding:24px;box-shadow:0 18px 52px rgba(15,23,42,.06);text-align:center}

.ma-homepage-why h2{margin:0 0 18px;font-size:26px}

.ma-homepage-why>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.ma-homepage-why span{border-left:1px solid #edf2f8;padding:6px 14px}

.ma-homepage-why span:last-child{border-left:0}

.ma-homepage-why i{width:48px;height:48px;border-radius:18px;background:#eff6ff;display:grid;place-items:center;margin:0 auto 8px;font-style:normal;font-size:22px}

.ma-homepage-why b{display:block;color:#102a4f}

.ma-homepage-why small{display:block;color:#64748b;line-height:1.8}

.ma-homepage-blog-row{display:grid;grid-template-columns:1fr 320px;gap:22px;margin-top:34px}

.ma-homepage-blog-list,.ma-homepage-newsletter{background:#fff;border:1px solid var(--ma-home-line);border-radius:28px;padding:22px;box-shadow:0 18px 52px rgba(15,23,42,.06)}

.ma-homepage-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

.ma-homepage-posts a{border:1px solid #e5edf8;border-radius:22px;overflow:hidden;background:#f8fbff;padding-bottom:14px}

.ma-homepage-posts img{width:100%;height:116px;object-fit:cover}

.ma-homepage-posts span{display:inline-flex;margin:12px 12px 6px;background:#eaf3ff;color:var(--ma-home-blue);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:900}

.ma-homepage-posts b{display:block;margin:0 12px 6px;color:#102a4f}

.ma-homepage-posts small{display:block;margin:0 12px;color:#64748b;line-height:1.8}

.ma-homepage-newsletter{background:linear-gradient(135deg,#0b5cff,#063aaf);color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.ma-homepage-newsletter h2{font-size:26px;margin:0 0 8px}

.ma-homepage-newsletter p{color:#dcecff}

.ma-homepage-newsletter form{display:grid;gap:10px;margin-top:10px}

.ma-homepage-newsletter input{border:0;border-radius:14px;padding:12px 14px;font:inherit}

.ma-homepage-newsletter button{border:0;border-radius:14px;padding:12px 14px;font:inherit;font-weight:950;background:#fff;color:var(--ma-home-blue);cursor:pointer}

.ma-homepage-empty{grid-column:1/-1;background:#fff;border:1px dashed #b8d7ff;border-radius:24px;padding:24px;color:#64748b}

/* Stage 44 — public conversion UX system, conceptual components only */
.ma-public-conversion-planner{margin-top:28px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #deebfb;border-radius:30px;padding:22px;display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;gap:18px;align-items:stretch;box-shadow:0 18px 54px rgba(15,45,90,.06);position:relative;overflow:hidden}
.ma-public-conversion-planner:before{content:'';position:absolute;inset:-80px auto auto -70px;width:220px;height:220px;border-radius:50%;background:rgba(11,92,255,.07);pointer-events:none}.ma-public-conversion-planner__copy{position:relative;z-index:1;background:#fff;border:1px solid #edf3fb;border-radius:24px;padding:20px;display:flex;flex-direction:column;justify-content:center}.ma-public-conversion-planner__copy span,.ma-public-final-cta span{display:inline-flex;width:max-content;border-radius:999px;background:#eaf3ff;color:#0b5cff;padding:4px 10px;font-size:12px;font-weight:950}.ma-public-conversion-planner__copy h2,.ma-public-final-cta h2{margin:10px 0 8px;color:#0e2748;font-size:22px;line-height:1.55}.ma-public-conversion-planner__copy p,.ma-public-final-cta p{margin:0;color:#5f7189;line-height:2;font-size:13px}.ma-public-conversion-planner__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ma-public-conversion-planner__grid a{display:grid;gap:6px;min-height:118px;background:#fff;border:1px solid #e4edf8;border-radius:22px;padding:15px;color:#294464;transition:.2s ease;box-shadow:0 10px 28px rgba(15,45,90,.04)}.ma-public-conversion-planner__grid a:hover{transform:translateY(-3px);border-color:#bdd6ff;box-shadow:0 18px 42px rgba(11,92,255,.11)}.ma-public-conversion-planner__grid b{color:#102a4f;font-size:15px}.ma-public-conversion-planner__grid span{font-size:12px;line-height:1.9;color:#64748b}.ma-public-conversion-planner__grid em{font-style:normal;color:#0b5cff;font-weight:950;font-size:12px;margin-top:auto}.ma-public-mini-process{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ma-public-mini-process span{background:#fff;border:1px solid #e5edf8;border-radius:22px;padding:13px;display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-items:center;box-shadow:0 10px 30px rgba(15,45,90,.04)}.ma-public-mini-process b{grid-row:1/3;width:34px;height:34px;border-radius:14px;background:#0b5cff;color:#fff;display:grid;place-items:center;font-weight:950}.ma-public-mini-process strong{color:#102a4f;font-size:13px}.ma-public-mini-process small{color:#64748b;line-height:1.7;font-size:11px}.ma-public-final-cta{margin-top:34px;background:linear-gradient(135deg,#08204a,#0b5cff);border-radius:30px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;box-shadow:0 22px 62px rgba(11,92,255,.22);overflow:hidden}.ma-public-final-cta span{background:rgba(255,255,255,.15);color:#fff}.ma-public-final-cta h2{color:#fff}.ma-public-final-cta p{color:#dbeafe}.ma-public-final-cta__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ma-public-final-cta__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:14px;padding:0 16px;background:#fff;color:#0b5cff;font-weight:950}.ma-public-final-cta__actions a+ a{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}.ma-product-card__assurance{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:9px 0 0}.ma-product-card__assurance span{display:inline-flex;border-radius:999px;background:#f3f8ff;color:#4b647e;padding:3px 8px;font-size:10px;font-weight:900}.ma-auth-path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.ma-auth-path-cards a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:14px;background:#fff;border:1px solid #e2ebf8;color:#0b5cff;font-size:12px;font-weight:950;box-shadow:0 8px 22px rgba(15,45,90,.04)}

/* Stage 45 — public visual polish and manager-controlled media system */
.ma-public-visual-banners{margin-top:24px;display:grid;gap:14px}.ma-public-visual-banners--compact{margin-top:16px}.ma-public-visual-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;border-radius:30px;padding:22px;border:1px solid #dfeafa;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 18px 54px rgba(15,45,90,.07);isolation:isolate;opacity:.001;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease,box-shadow .2s ease}.ma-public-visual-banner.is-visible{opacity:1;transform:translateY(0)}.ma-public-visual-banner:hover{box-shadow:0 24px 70px rgba(15,45,90,.13)}.ma-public-visual-banner:before{content:'';position:absolute;inset:-90px auto auto -70px;width:240px;height:240px;border-radius:999px;background:rgba(11,92,255,.08);z-index:-1}.ma-public-visual-banner__copy{display:grid;gap:8px}.ma-public-visual-banner__copy>span{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;background:#eaf3ff;color:#0b5cff;padding:4px 10px;font-size:12px;font-weight:950}.ma-public-visual-banner__copy h2{margin:0;color:#0e2748;font-size:22px;line-height:1.55}.ma-public-visual-banner__copy p{margin:0;color:#5f7189;line-height:2;font-size:13px}.ma-public-visual-banner__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.ma-public-visual-banner__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:14px;padding:0 15px;background:#0b5cff;color:#fff;font-size:12px;font-weight:950}.ma-public-visual-banner__actions a+ a{background:#eef5ff;color:#0b5cff}.ma-public-visual-banner__media{min-height:150px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#eaf3ff,#fff);display:grid;place-items:center}.ma-public-visual-banner__media img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;transition:transform .3s ease}.ma-public-visual-banner:hover .ma-public-visual-banner__media img{transform:scale(1.035)}.ma-public-visual-banner__fallback{width:100%;height:100%;min-height:150px;display:grid;place-items:center;gap:3px;background:radial-gradient(circle at 40% 20%,rgba(255,255,255,.7),transparent 28%),linear-gradient(135deg,#0b5cff,#7c3aed);color:#fff}.ma-public-visual-banner__fallback b{font-size:46px}.ma-public-visual-banner__fallback small{font-weight:950;letter-spacing:.08em}.ma-public-visual-banner--green{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#c9f0d7}.ma-public-visual-banner--green:before{background:rgba(22,163,74,.10)}.ma-public-visual-banner--green .ma-public-visual-banner__copy>span{background:#dcfce7;color:#15803d}.ma-public-visual-banner--green .ma-public-visual-banner__actions a{background:#16a34a}.ma-public-visual-banner--gold{background:linear-gradient(135deg,#fff8e7,#fff);border-color:#ffe7a8}.ma-public-visual-banner--gold:before{background:rgba(245,158,11,.13)}.ma-public-visual-banner--gold .ma-public-visual-banner__copy>span{background:#fff1c6;color:#a16207}.ma-public-visual-banner--gold .ma-public-visual-banner__actions a{background:#f59e0b}.ma-public-visual-banner--dark{background:linear-gradient(135deg,#081a37,#123a72);border-color:#1e4f8d;color:#fff}.ma-public-visual-banner--dark .ma-public-visual-banner__copy h2{color:#fff}.ma-public-visual-banner--dark .ma-public-visual-banner__copy p{color:#dbeafe}.ma-public-visual-banner--dark .ma-public-visual-banner__copy>span{background:rgba(255,255,255,.13);color:#fff}.ma-public-visual-banner--dark .ma-public-visual-banner__actions a{background:#fff;color:#0b5cff}.ma-public-visual-banner--soft{background:linear-gradient(135deg,#ffffff,#f8fafc);border-color:#eef2f7}.ma-public-content-hero{margin-top:22px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #e1ebf7;border-radius:32px;padding:28px;box-shadow:0 18px 54px rgba(15,45,90,.06)}.ma-public-content-hero h1{margin:8px 0;color:#0e2748;font-size:30px;line-height:1.45}.ma-public-content-hero p{max-width:760px;margin:0;color:#64748b;line-height:2}.ma-public-empty-state{display:grid!important;gap:10px;justify-items:start;background:#fff!important;border:1px dashed #bdd6ff!important;border-radius:24px!important;padding:22px!important;color:#64748b!important;grid-column:1/-1}.ma-public-empty-state i{width:44px;height:44px;border-radius:18px;background:#eff6ff;color:#0b5cff;display:grid;place-items:center;font-style:normal;font-size:22px}.ma-public-empty-state strong{font-size:16px;color:#102a4f}.ma-public-empty-state span{line-height:1.9}.ma-public-empty-state div{display:flex;gap:8px;flex-wrap:wrap}.ma-public-empty-state a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:13px;padding:0 13px;background:#0b5cff;color:#fff;font-size:12px;font-weight:950}.ma-public-empty-state a+ a{background:#eef5ff;color:#0b5cff}.ma-homepage-product,.ma-product-card,.ma-course-card,.ma-workshop-service-card,.blog-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ma-homepage-product:hover,.ma-product-card:hover,.ma-course-card:hover,.ma-workshop-service-card:hover,.blog-card:hover{transform:translateY(-3px)}

/* Stage 52 — Public Design System Baseline: reusable public UI primitives. */
.ma-design-surface,
.ma-design-card,
.ma-panel,
.panel,
.form-card,
.sidebar-card,
.product-card,
.ma-product-card,
.ma-course-card,
.ma-service-card,
.ma-workshop-service-card,
.blog-card,
.empty-card{
    border-color:var(--ma-stage52-line);
    box-shadow:var(--ma-stage52-shadow-xs);
}

.ma-design-card,
.ma-panel,
.panel,
.form-card,
.sidebar-card,
.empty-card{
    background:var(--ma-stage52-surface);
    border:1px solid var(--ma-stage52-line);
    border-radius:var(--ma-stage52-radius-lg);
}

.ma-design-card,
.ma-design-interactive,
.ma-product-card,
.ma-course-card,
.ma-service-card,
.ma-workshop-service-card,
.ma-homepage-product,
.ma-homepage-course,
.blog-card,
.action-card,
.quick-action{
    will-change:transform;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.ma-design-interactive:hover,
.ma-product-card:hover,
.ma-course-card:hover,
.ma-service-card:hover,
.ma-workshop-service-card:hover,
.ma-homepage-product:hover,
.ma-homepage-course:hover,
.blog-card:hover,
.action-card:hover,
.quick-action:hover{
    border-color:#c7daf6;
    box-shadow:var(--ma-stage52-shadow-md);
}

.ma-kicker,
.ma-eyebrow,
.eyebrow,
.ma-homepage-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    border-radius:999px;
    background:rgba(11,92,255,.09);
    color:var(--ma-stage52-primary);
    padding:5px 11px;
    font-size:12px;
    font-weight:950;
    line-height:1.4;
}

.ma-btn,
.btn,
.ma-homepage-btn,
.search-box button,
.ma-header-search button,
.ma-cart-button,
.ma-alert-button,
.ma-primary-action,
.ma-secondary-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:var(--ma-stage52-control-height);
    border-radius:var(--ma-stage52-radius-sm);
    font-weight:900;
    line-height:1.35;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}

.ma-btn:hover,
.btn:hover,
.ma-homepage-btn:hover,
.search-box button:hover,
.ma-header-search button:hover,
.ma-cart-button:hover,
.ma-alert-button:hover,
.ma-primary-action:hover,
.ma-secondary-action:hover{
    transform:translateY(-1px);
}

.ma-btn-primary,
.btn-primary,
.search-box button,
.ma-cart-button,
.ma-primary-action{
    background:linear-gradient(135deg,var(--ma-stage52-primary),var(--ma-stage52-cyan));
    color:#fff;
    border-color:transparent;
    box-shadow:0 12px 28px rgba(11,92,255,.18);
}

.ma-btn-light,
.btn-light,
.ma-secondary-action,
.ma-alert-button{
    background:#f3f8ff;
    color:var(--ma-stage52-primary);
    border:1px solid #d7e7ff;
}

.ma-badge,
.badge,
.status-pill,
.ma-course-badge,
.ma-homepage-badge,
.ma-ribbon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    white-space:nowrap;
    border-radius:999px;
    font-weight:950;
    letter-spacing:-.01em;
}

.ma-badge--green,
.ma-badge-success,
.ma-homepage-badge--green{
    background:#e8fbee!important;
    color:#15803d!important;
    border-color:#bbf7d0!important;
}

.ma-badge--red,
.ma-badge-danger,
.ma-homepage-badge--red{
    background:#fef2f2!important;
    color:#b91c1c!important;
    border-color:#fecaca!important;
}

.ma-badge-warning,
.ma-ribbon--discount{
    background:#fff7ed!important;
    color:#c2410c!important;
    border-color:#fed7aa!important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
select,
textarea,
.form-card input,
.form-card textarea,
.form-card select,
.ma-field input,
.ma-field select,
.ma-field textarea,
.ma-filter-form input,
.ma-filter-form select{
    min-height:var(--ma-stage52-control-height);
    border:1px solid #d8e4f3;
    border-radius:var(--ma-stage52-radius-sm);
    background:#fff;
    color:var(--ma-stage52-text);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

textarea{
    min-height:112px;
    resize:vertical;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.ma-field input:focus,
.ma-field select:focus,
.ma-field textarea:focus,
.ma-filter-form input:focus,
.ma-filter-form select:focus{
    outline:0;
    border-color:var(--ma-stage52-primary);
    box-shadow:var(--ma-stage52-focus);
    background:#fff;
}

.field-error,
.errorlist,
.ma-form-error{
    color:#b91c1c;
    font-size:12px;
    line-height:1.8;
}

.errorlist{
    margin:6px 0 0;
    padding:8px 12px;
    list-style:none;
    border:1px solid #fecaca;
    border-radius:var(--ma-stage52-radius-sm);
    background:#fff7f7;
}

.message{
    border:1px solid #bbf7d0;
    box-shadow:var(--ma-stage52-shadow-xs);
}

.message--error,
.message.error{
    border-color:#fecaca;
}

.ma-empty-state,
.empty-card,
.ma-public-empty-state{
    border-style:dashed!important;
    border-color:#bdd6ff!important;
    background:linear-gradient(135deg,#fff,#f7fbff)!important;
}

.ma-table-actions,
.ma-form-actions,
.ma-admin-top-actions,
.ma-product-actions-row,
.cart-actions,
.help-strip__actions{
    gap:9px;
}

/* Stage 52 badge positioning guard: status badges are inline by default; media badges stay pinned. */
.ma-badge,
.badge,
.status-pill{
    position:static;
    inset:auto;
}

.ma-product-card__media > .ma-badge,
.ma-product-card__media > .ma-ribbon,
.ma-homepage-product__media > .ma-homepage-badge,
.ma-homepage-product__media > strong,
.ma-course-card__media > .ma-course-badge{
    position:absolute;
}

.ma-product-card__media > .ma-badge{top:14px;right:14px;}
.ma-product-card__media > .ma-ribbon{top:54px;right:14px;}
.ma-homepage-product__media > .ma-homepage-badge{top:14px;right:14px;}
.ma-homepage-product__media > strong{left:14px;bottom:14px;}
.ma-course-card__media > .ma-course-badge--level{top:14px;right:14px;}
.ma-course-card__media > .ma-course-badge--featured{top:14px;left:14px;right:auto;}

/* Stage 53 — Homepage Premium Redesign Polish: hero, trust, CTAs and homepage panels. */
.ma-homepage-hero{
    isolation:isolate;
    min-height:420px;
    background:
        radial-gradient(circle at 14% 20%,rgba(255,255,255,.34),transparent 22%),
        radial-gradient(circle at 82% 78%,rgba(16,196,237,.22),transparent 24%),
        linear-gradient(135deg,#13c9f3 0%,#0b77ec 42%,#064bd9 100%);
    box-shadow:var(--ma-stage53-hero-glow);
}

.ma-homepage-hero:before{
    opacity:.18;
    transform:translateY(8px) scale(1.08);
}

.ma-homepage-hero__content{
    display:grid;
    align-content:center;
}

.ma-homepage-hero h1{
    max-width:760px;
    text-wrap:balance;
}

.ma-homepage-hero-search{
    border:1px solid rgba(255,255,255,.42);
}

.ma-homepage-hero-search button,
.ma-homepage-btn{
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.ma-homepage-hero-search button:hover,
.ma-homepage-btn:hover{
    transform:translateY(-2px);
}

.ma-homepage-hero__microcopy{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}

.ma-homepage-hero__microcopy span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    padding:0 11px;
    background:rgba(255,255,255,.11);
    color:#edf8ff;
    font-size:12px;
    font-weight:850;
}

.ma-homepage-hero__visual{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 24px 60px rgba(2,6,23,.12);
}

.ma-homepage-hero-orbit{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.ma-homepage-hero-orbit span{
    position:absolute;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:18px;
    background:rgba(255,255,255,.86);
    color:#0b5cff;
    font-weight:950;
    font-size:12px;
    box-shadow:0 14px 40px rgba(2,6,23,.14);
}

.ma-homepage-hero-orbit span:nth-child(1){right:18px;bottom:32%;}
.ma-homepage-hero-orbit span:nth-child(2){left:28px;top:25%;}
.ma-homepage-hero-orbit span:nth-child(3){left:42%;bottom:18px;}

.ma-homepage-trust{
    margin-top:16px;
    border-radius:26px;
    box-shadow:0 18px 55px rgba(15,23,42,.07);
}

.ma-homepage-trust div{
    min-height:74px;
    transition:background .18s ease,transform .18s ease;
}

.ma-homepage-trust div:hover{
    background:#f8fbff;
    transform:translateY(-2px);
}

.ma-public-conversion-planner--home,
.ma-public-journey--home,
.ma-homepage-category-shell,
.ma-homepage-pillars-shell,
.ma-homepage-panel,
.ma-homepage-why,
.ma-homepage-blog-list,
.ma-homepage-newsletter{
    border-color:var(--ma-stage52-line);
    box-shadow:var(--ma-stage52-shadow-sm);
}

.ma-homepage-pillars-shell{
    background:linear-gradient(135deg,#fff,#f7fbff);
    border:1px solid var(--ma-stage52-line);
    border-radius:30px;
    padding:22px;
    box-shadow:var(--ma-stage52-shadow-sm);
}

.ma-homepage-pillars-shell .ma-homepage-pillars{
    margin-top:0;
}

.ma-homepage-pillar{
    min-height:215px;
}

.ma-homepage-pillar:before{
    content:"";
    position:absolute;
    inset:auto -40px -60px auto;
    width:160px;
    height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.46);
    pointer-events:none;
}

.ma-homepage-product-utility{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:-4px 0 14px;
}

.ma-homepage-product-utility span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    border:1px solid #dce9fb;
    border-radius:999px;
    padding:0 11px;
    background:#fff;
    color:#48627f;
    font-size:12px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(15,45,90,.045);
}

.ma-homepage-duo{
    align-items:start;
}

.ma-homepage-panel{
    padding:20px;
}

.ma-homepage-why{
    padding:24px;
}

.ma-homepage-why>div:not(.ma-homepage-section-title){
    margin-top:14px;
}

.ma-homepage-why span{
    border:1px solid #e7eef8;
    border-left:1px solid #e7eef8;
    border-radius:22px;
    background:linear-gradient(180deg,#fff,#f8fbff);
    padding:16px 12px;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.ma-homepage-why span:hover{
    transform:translateY(-3px);
    border-color:#bdd6ff;
    box-shadow:var(--ma-stage53-card-hover);
}

.ma-homepage-newsletter{
    position:relative;
    overflow:hidden;
    gap:6px;
}

.ma-homepage-newsletter:after{
    content:"";
    position:absolute;
    inset:auto -70px -90px auto;
    width:220px;
    height:220px;
    border-radius:999px;
    background:rgba(255,255,255,.13);
}

.ma-homepage-newsletter>*{
    position:relative;
    z-index:1;
}

.ma-homepage-newsletter__kicker{
    background:rgba(255,255,255,.14);
    color:#fff;
    border:1px solid rgba(255,255,255,.24);
}


/* Stage 55 — Product Detail & Commerce Flow Polish: cart, checkout, order and payment UI. */
.ma-order-hero--stage55{position:relative;overflow:hidden;border:1px solid var(--ma-stage55-commerce-line);box-shadow:var(--ma-stage55-commerce-shadow);background:radial-gradient(circle at 8% 0,rgba(16,196,237,.13),transparent 24%),linear-gradient(135deg,#fff,#f5f9ff)}.ma-order-hero--stage55:after,.ma-payment-hero--stage55:after{content:'';position:absolute;left:-90px;bottom:-100px;width:260px;height:260px;border-radius:999px;background:rgba(11,92,255,.08);pointer-events:none}.ma-order-hero-chips--stage55{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ma-order-hero-chips--stage55 span{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#fff;border:1px solid #dce8f7;color:#315075;padding:0 11px;font-size:12px;font-weight:900}.ma-order-mini-stats--stage55{border:1px solid #dce8f7;background:#fff;border-radius:24px;box-shadow:0 16px 44px rgba(15,45,90,.07)}.ma-checkout-steps--stage55{gap:10px}.ma-checkout-steps--stage55 span{border-radius:18px;border:1px solid #dfeafa;background:#fff;box-shadow:0 10px 28px rgba(15,45,90,.04)}.ma-checkout-steps--stage55 .active,.ma-checkout-steps--stage55 .done{border-color:#bdd6ff;background:linear-gradient(135deg,#eff6ff,#fff);color:#0b5cff}.ma-cart-layout--stage55,.ma-checkout-layout--stage55,.ma-order-detail-layout--stage55,.ma-payment-layout--stage55{align-items:start}.ma-cart-panel--stage55,.ma-checkout-form--stage55,.ma-order-summary--stage55,.ma-invoice-card--stage55,.ma-payment-card--stage55,.ma-payment-target-summary--stage55{border:1px solid var(--ma-stage55-commerce-line);border-radius:var(--ma-stage55-commerce-radius);box-shadow:var(--ma-stage55-commerce-shadow)}.ma-section-head--stage55{align-items:flex-start}.ma-cart-item-list--stage55{display:grid;gap:12px}.ma-cart-item--stage55{grid-template-columns:auto minmax(0,1fr) 120px 132px auto;border:1px solid #e4edf8;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px}.ma-cart-item__badge{width:34px;height:34px;border-radius:14px;background:#eff6ff;color:#0b5cff;display:grid;place-items:center;font-weight:950}.ma-cart-item--stage55 small{display:block;margin-top:5px;color:#7b8da5;font-size:11px}.ma-cart-item__qty--stage55 input{border-radius:14px;text-align:center}.ma-cart-line-total span{display:block;color:#7b8da5;font-size:11px;font-weight:900}.ma-cart-line-total strong{display:block;color:#102a4f;margin-top:3px}.ma-remove-link--stage55{border:1px solid #fee2e2;background:#fff5f5;color:#dc2626;border-radius:13px;padding:7px 10px}.cart-actions--stage55{border-top:1px dashed #dfeafa;padding-top:12px}.ma-order-summary-head--stage55 span{display:inline-flex;border-radius:999px;background:#eff6ff;color:#0b5cff;padding:4px 10px;font-size:11px;font-weight:950}.ma-order-summary-head--stage55 h3{margin:8px 0 0}.ma-coupon-box--stage55,.ma-checkout-coupon--stage55{border:1px dashed #bdd6ff;border-radius:20px;background:#f8fbff}.ma-coupon-form--stage55 input,.ma-checkout-coupon--stage55 input{border-radius:14px}.cart-total--stage55{border-radius:22px;background:linear-gradient(135deg,#08204a,#0b5cff);color:#fff}.cart-total--stage55 span,.cart-total--stage55 strong{color:#fff}.ma-checkout-primary--stage55{min-height:48px;border-radius:17px;box-shadow:0 16px 42px rgba(11,92,255,.18)}.ma-order-summary-note--stage55,.ma-payment-note--stage55{display:grid;gap:5px;border:1px solid #d9eaff;border-radius:18px;background:#f6faff;padding:12px;color:#536882;font-size:12px;line-height:1.8}.ma-cart-empty--stage55{border:1px dashed #bdd6ff;background:#fff}.ma-cart-empty--stage55>span{font-size:42px}.ma-cart-empty--stage55 div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ma-checkout-fieldset--stage55{display:grid;gap:14px;border:1px solid #e1ebf7;border-radius:24px;background:#fff;padding:16px;margin-top:14px}.ma-checkout-fieldset__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px dashed #dfeafa;padding-bottom:11px}.ma-checkout-fieldset__head b{color:#102a4f}.ma-checkout-fieldset__head span{color:#64748b;font-size:12px;line-height:1.8}.ma-checkout-grid--stage55 label,.ma-method-grid--stage55 label{gap:7px}.ma-method-grid--stage55{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ma-method-grid__full{grid-column:1/-1}.ma-method-grid--stage55 label{display:grid;color:#425a76;font-weight:900}.ma-method-grid--stage55 label>span{font-size:12px}.ma-checkout-acceptance--stage55{display:grid;gap:8px;margin:14px 0;border:1px solid #e6eef8;border-radius:20px;background:#fbfdff;padding:12px}.ma-checkout-submit--stage55{border-top:1px dashed #dfeafa;padding-top:14px}.ma-order-summary__items--stage55{max-height:260px;overflow:auto;padding-inline-end:4px}.ma-order-detail-hero--stage55{border:1px solid var(--ma-stage55-commerce-line);border-radius:30px;background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:var(--ma-stage55-commerce-shadow)}.ma-order-actions--stage55{display:flex;gap:8px;flex-wrap:wrap}.ma-order-timeline--stage55 span{display:flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #dfeafa;background:#fff}.ma-order-timeline--stage55 b{width:26px;height:26px;border-radius:999px;background:#eff6ff;color:#0b5cff;display:grid;place-items:center}.ma-order-timeline--stage55 .done{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.ma-order-timeline--stage55 .done b{background:#16a34a;color:#fff}.ma-invoice-status-grid--stage55{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.ma-invoice-status-grid--stage55 div{border:1px solid #e4edf8;border-radius:18px;background:#fbfdff;padding:12px}.ma-invoice-status-grid--stage55 span{display:block;color:#6f8098;font-size:11px;font-weight:900}.ma-invoice-status-grid--stage55 b{display:block;color:#102a4f;margin-top:3px}.ma-invoice-table--stage55{border:1px solid #e1ebf7;border-radius:20px;overflow:hidden}.ma-invoice-total--stage55{border-top:1px dashed #dfeafa;margin-top:14px;padding-top:12px}.ma-order-side--stage55 .panel{border-color:#dfeafa;box-shadow:0 14px 42px rgba(15,45,90,.045)}.ma-order-help-card--stage55{background:linear-gradient(135deg,#eff6ff,#fff)}.ma-payment-hero--stage55{position:relative;overflow:hidden;border:1px solid var(--ma-stage55-commerce-line);border-radius:32px;background:linear-gradient(135deg,#071f46,#0b5cff);box-shadow:var(--ma-stage55-commerce-shadow);color:#fff}.ma-payment-hero--stage55 h1,.ma-payment-hero--stage55 p{color:#fff}.ma-payment-amount--stage55{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:24px}.ma-commerce-flow-steps--payment{margin-top:16px}.ma-payment-detail-grid--stage55{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.ma-payment-detail-grid--stage55 p{border:1px solid #e4edf8;border-radius:16px;background:#fbfdff;padding:10px;margin:0}.ma-payment-actions--stage55{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ma-payment-return-links--stage55{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.ma-payment-detail-layout--stage55{align-items:start}.ma-payment-detail--stage55{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ma-payment-detail--stage55 div,.ma-payment-event--stage55{border:1px solid #e4edf8;border-radius:17px;background:#fbfdff;padding:12px}.ma-payment-events--stage55{border-color:#dfeafa;box-shadow:var(--ma-stage55-commerce-shadow)}.ma-payment-event--stage55{display:grid;gap:4px;margin-top:8px}



/* Stage 61 — Content, blog and informational page polish. */
.ma-content-hero--stage61,.ma-content-article-hero--stage61,.ma-content-page-hero--stage61{position:relative;overflow:hidden;border:1px solid var(--ma-stage61-content-line);border-radius:32px;background:radial-gradient(circle at 8% 0,rgba(16,196,237,.18),transparent 26%),linear-gradient(135deg,#fff,#f5f9ff);box-shadow:var(--ma-stage61-content-shadow);padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:center}.ma-content-hero--stage61:after,.ma-content-article-hero--stage61:after,.ma-content-page-hero--stage61:after{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:999px;background:rgba(11,92,255,.08);pointer-events:none}.ma-content-hero--stage61>*,.ma-content-article-hero--stage61>*,.ma-content-page-hero--stage61>*{position:relative;z-index:1}.ma-content-hero--stage61 h1,.ma-content-article-hero--stage61 h1,.ma-content-page-hero--stage61 h1{font-size:clamp(30px,4vw,52px);line-height:1.35;color:#071d3d;margin:8px 0}.ma-content-hero--stage61 p,.ma-content-article-hero--stage61 p,.ma-content-page-hero--stage61 p{color:#48627f;line-height:2;margin:0;max-width:760px}.ma-content-hero-chips--stage61{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ma-content-hero-chips--stage61 span{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 11px;background:#fff;border:1px solid #dce8f7;color:#315075;font-size:12px;font-weight:900}.ma-content-hero__panel--stage61,.ma-article-summary-card--stage61,.ma-content-page-hero--stage61 aside{display:grid;gap:10px;border:1px solid #dce8f7;background:rgba(255,255,255,.86);border-radius:24px;padding:18px;box-shadow:0 16px 44px rgba(15,45,90,.07)}.ma-content-filter--stage61{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ma-stage61-content-line);border-radius:26px;box-shadow:0 18px 48px rgba(15,45,90,.07)}.ma-content-filter--stage61 h2{margin:4px 0 0;color:#071d3d}.ma-content-search-form--stage61{min-width:min(100%,520px)}.ma-content-insights--stage61{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.ma-content-insights--stage61 article,.ma-article-decision-grid--stage61 article{display:grid;gap:6px;border:1px solid #e1ebf7;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:22px;padding:16px;box-shadow:0 12px 34px rgba(15,45,90,.055)}.ma-content-insights--stage61 span,.ma-article-decision-grid--stage61 span{color:#6b7f98;font-size:12px;font-weight:900}.ma-content-insights--stage61 b,.ma-article-decision-grid--stage61 b{color:#071d3d;font-size:24px}.ma-content-insights--stage61 small,.ma-article-decision-grid--stage61 small{color:#6b7f98;line-height:1.8}.ma-featured-content-strip--stage61,.ma-related-content--stage61{border:1px solid var(--ma-stage61-content-line);border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,45,90,.07);padding:20px}.ma-section-head--stage61{align-items:flex-start}.ma-featured-post-grid--stage61{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-featured-post-card--stage61,.ma-related-card--stage61{display:grid;gap:9px;border:1px solid #e2edf8;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff);padding:16px;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ma-featured-post-card--stage61:hover,.ma-related-card--stage61:hover,.ma-content-topic-card--stage61:hover,.ma-page-action-card--stage61:hover{transform:translateY(-3px);box-shadow:var(--ma-stage61-content-shadow-hover);border-color:#bdd6ff}.ma-featured-post-card--stage61 span{justify-self:start;border-radius:999px;background:#eff6ff;color:#0b5cff;padding:3px 9px;font-size:11px;font-weight:950}.ma-featured-post-card--stage61 strong,.ma-related-card--stage61 strong{color:#071d3d}.ma-featured-post-card--stage61 em,.ma-related-card--stage61 span{font-style:normal;color:#617690;font-size:12px;line-height:1.9}.ma-content-topic-grid--stage61,.ma-page-action-grid--stage61{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.ma-page-action-grid--stage61{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-content-topic-card--stage61,.ma-page-action-card--stage61{display:grid;gap:8px;border:1px solid #e2edf8;border-radius:22px;background:#fff;padding:16px;text-decoration:none;color:inherit;box-shadow:0 12px 34px rgba(15,45,90,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ma-content-topic-card--stage61 i,.ma-page-action-card--stage61 i{width:38px;height:38px;border-radius:15px;background:#eff6ff;display:grid;place-items:center;font-style:normal}.ma-content-topic-card--stage61 strong,.ma-page-action-card--stage61 strong{color:#071d3d}.ma-content-topic-card--stage61 span,.ma-page-action-card--stage61 span{color:#617690;font-size:12px;line-height:1.9}.ma-blog-grid--stage61{align-items:stretch}.ma-blog-card--stage61{overflow:hidden;border:1px solid #e1ebf7;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(15,45,90,.065);padding:0}.ma-blog-card--stage61 img,.ma-blog-card__placeholder--stage61{width:100%;height:170px;object-fit:cover;background:linear-gradient(135deg,#eaf4ff,#fff);display:grid;place-items:center;color:#0b5cff;font-weight:950}.ma-blog-card--stage61>div{padding:16px;display:grid;gap:8px}.ma-blog-card--stage61 h2{font-size:17px;line-height:1.7;margin:0}.ma-blog-card--stage61 p{color:#617690;line-height:1.9;margin:0}.ma-blog-card__meta--stage61{display:flex;gap:8px;flex-wrap:wrap}.ma-blog-card__meta--stage61 span{border:1px solid #e2edf8;border-radius:999px;padding:3px 9px;color:#6b7f98;font-size:11px;font-weight:900}.ma-content-empty--stage61{grid-column:1/-1;border:1px dashed #bdd6ff;background:#fff}.ma-article-decision-grid--stage61{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.ma-article-decision-grid--stage61 i{font-style:normal;font-size:24px}.ma-article-layout--stage61,.ma-content-page-layout--stage61{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.ma-content-page-layout--stage61{grid-template-columns:minmax(0,1fr) 330px}.ma-article-sidebar--stage61,.ma-content-page-sidebar--stage61{position:sticky;top:96px;display:grid;gap:14px}.ma-article-keypoints--stage61,.ma-article-next-actions--stage61,.ma-content-page-help--stage61,.ma-content-faq-mini--stage61{border:1px solid #e1ebf7;border-radius:24px;background:#fff;padding:16px;box-shadow:0 14px 38px rgba(15,45,90,.06)}.ma-article-keypoints--stage61 h2,.ma-content-page-help--stage61 h2{margin:4px 0 10px;color:#071d3d}.ma-article-keypoints--stage61 p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;color:#526b86;line-height:1.9}.ma-article-keypoints--stage61 i{font-style:normal;color:#16a34a;font-weight:950}.ma-article-next-actions--stage61{display:grid;gap:8px}.ma-article-next-actions--stage61 a,.ma-content-page-help--stage61 a{display:flex;gap:9px;align-items:flex-start;border:1px solid #edf3fb;border-radius:16px;background:#f8fbff;padding:10px;text-decoration:none;color:#315075;font-weight:900}.ma-content-page-help--stage61 a small{display:block;color:#71839a;font-size:11px;line-height:1.8;font-weight:700}.ma-article-body--stage61,.ma-content-page-body--stage61{border:1px solid var(--ma-stage61-content-line);border-radius:28px;box-shadow:var(--ma-stage61-content-shadow);font-size:15px;line-height:2.35;color:#243b58}.ma-content-faq-mini--stage61{display:grid;gap:8px}.ma-content-faq-mini--stage61 details{border:1px solid #edf3fb;border-radius:16px;background:#f8fbff;padding:10px}.ma-content-faq-mini--stage61 summary{cursor:pointer;font-weight:900;color:#071d3d}.ma-content-faq-mini--stage61 p{color:#617690;line-height:1.9;margin:8px 0 0}.ma-related-grid--stage61{margin-top:12px}.ma-content-topic-grid--article-stage61{margin-top:18px}

/* Stage 95 — Unified professional file uploader for dashboard and public forms. */
.ma-native-file-input--stage95{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.ma-upload-control--stage95{display:grid;gap:10px;width:100%;margin-top:2px}
.ma-upload-dropzone--stage95{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:104px;border:1.5px dashed #b9d3f4;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#fff);padding:15px;cursor:pointer;transition:.2s ease;overflow:hidden}
.ma-upload-dropzone--stage95:before{content:'';position:absolute;inset:auto auto -65px -45px;width:150px;height:150px;border-radius:999px;background:rgba(16,196,237,.09);pointer-events:none}
.ma-upload-dropzone--stage95:hover,.ma-upload-dropzone--stage95.is-dragover{border-color:#0b5cff;background:#f3f8ff;box-shadow:0 15px 38px rgba(11,92,255,.09);transform:translateY(-1px)}
.ma-upload-dropzone__icon--stage95{position:relative;z-index:1;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0b5cff,#10c4ed);color:#fff;font-size:24px;font-weight:950;box-shadow:0 14px 30px rgba(11,92,255,.2)}
.ma-upload-dropzone__copy--stage95{position:relative;z-index:1;min-width:0;display:grid;gap:3px}
.ma-upload-dropzone__copy--stage95 b{color:#102a4f;font-size:14px}
.ma-upload-dropzone__copy--stage95 span{color:#64748b;font-size:12px;line-height:1.8}
.ma-upload-dropzone__button--stage95{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #cfe1ff;border-radius:14px;background:#fff;color:#0b5cff;padding:0 13px;font-size:12px;font-weight:950;white-space:nowrap}
.ma-upload-files--stage95{display:grid;gap:8px}
.ma-upload-file--stage95{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e1ebf7;border-radius:17px;background:#fff;padding:10px 12px}
.ma-upload-file__preview--stage95{width:42px;height:42px;border-radius:13px;background:#eff6ff;border:1px solid #d8e8ff;display:grid;place-items:center;overflow:hidden;color:#0b5cff;font-weight:950;font-size:12px}
.ma-upload-file__preview--stage95 img,.ma-upload-file__preview--stage95 video{width:100%;height:100%;object-fit:cover}
.ma-upload-file__copy--stage95{min-width:0;display:grid;gap:2px}
.ma-upload-file__copy--stage95 b{min-width:0;color:#102a4f;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-upload-file__copy--stage95 span{color:#718198;font-size:10.5px}
.ma-upload-file__remove--stage95{width:30px;height:30px;border:1px solid #f0d2d2;border-radius:10px;background:#fff7f7;color:#b42318;cursor:pointer;font-size:17px}
.ma-upload-progress--stage95{display:none;gap:8px;border:1px solid #d9e8ff;border-radius:18px;background:#f8fbff;padding:12px}
.ma-upload-progress--stage95.is-visible{display:grid}
.ma-upload-progress__head--stage95{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#315075;font-size:11px;font-weight:900}
.ma-upload-progress__head--stage95 b{color:#0b5cff;font-size:15px}
.ma-upload-progress__track--stage95{height:9px;border-radius:999px;background:#e5eef9;overflow:hidden}
.ma-upload-progress__bar--stage95{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b5cff,#10c4ed,#16a34a);transition:width .16s linear}
.ma-upload-progress__meta--stage95{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718198;font-size:10.5px}
.ma-upload-control--stage95.is-error .ma-upload-dropzone--stage95{border-color:#ef9a9a;background:#fff8f8}
.ma-upload-control--stage95.is-complete .ma-upload-progress--stage95{border-color:#bde8cc;background:#f2fff7}
.ma-upload-global-error--stage95{border:1px solid #f1b8b8;border-radius:15px;background:#fff5f5;color:#9f1b1b;padding:10px 12px;font-size:12px;font-weight:900}

/* Stage 108 — MicroArt two-step authentication portal inspired by the supplied reference, recolored to the storefront palette. */
body.ma-auth-portal-page{background:#fff;min-height:100vh;overflow-x:hidden;}
body.ma-auth-portal-page .ma-site-header,
body.ma-auth-portal-page .mobile-nav-backdrop,
body.ma-auth-portal-page .ma-footer,
body.ma-auth-portal-page>.messages{display:none!important;}
body.ma-auth-portal-page .ma-page-main{min-height:100vh;padding:0!important;}
.ma-auth108{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:42px 20px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdff 52%,#fff 100%);}
.ma-auth108__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(3px);opacity:.9;pointer-events:none;}
.ma-auth108__orb--one{width:420px;height:420px;top:-120px;right:18%;background:radial-gradient(circle,rgba(11,92,255,.19),rgba(11,92,255,.06) 43%,transparent 72%);}
.ma-auth108__orb--two{width:500px;height:500px;bottom:-180px;left:11%;background:radial-gradient(circle,rgba(16,196,237,.18),rgba(16,196,237,.05) 45%,transparent 72%);}
.ma-auth108__orb--three{width:390px;height:390px;bottom:-120px;right:12%;background:radial-gradient(circle,rgba(31,56,229,.10),rgba(31,56,229,.025) 48%,transparent 73%);}
.ma-auth108__wrap{width:min(100%,470px);display:grid;justify-items:center;gap:18px;position:relative;z-index:2;}
.ma-auth108__brand{display:flex;width:172px;height:42px;align-items:center;justify-content:center;margin-bottom:4px;}
.ma-auth108__brand img{width:100%;height:auto;object-fit:contain;}
.ma-auth108__card{width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:28px;padding:31px 34px 27px;background:linear-gradient(145deg,rgba(244,248,255,.96),rgba(234,245,255,.93) 48%,rgba(240,247,255,.94));box-shadow:0 20px 54px rgba(15,37,69,.16),0 2px 3px rgba(15,37,69,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.ma-auth108__card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:210px;height:210px;border-radius:50%;background:rgba(11,92,255,.08);filter:blur(6px);pointer-events:none;}
.ma-auth108__card:after{content:"";position:absolute;inset:auto -80px -100px auto;width:230px;height:230px;border-radius:50%;background:rgba(18,200,244,.11);filter:blur(7px);pointer-events:none;}
.ma-auth108__card>*{position:relative;z-index:1;}
.ma-auth108__head{text-align:center;margin-bottom:20px;}
.ma-auth108__eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:2px 10px;background:rgba(11,92,255,.08);color:var(--ma-blue);font-size:11px;font-weight:900;}
.ma-auth108__head h1{margin:8px 0 8px;color:#0f2545;font-size:24px;line-height:1.45;font-weight:950;letter-spacing:-.025em;}
.ma-auth108__head p{margin:0 auto;max-width:360px;color:#74839a;font-size:13px;line-height:2;}
.ma-auth108__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;direction:ltr;}
.ma-auth108__topline>span{direction:rtl;display:inline-flex;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(11,92,255,.12);background:rgba(255,255,255,.7);color:#55677f;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;}
.ma-auth108__topline form{margin:0;}
.ma-auth108__back{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;border:0;background:rgba(255,255,255,.66);color:#31465f;font-size:22px;line-height:1;transition:.2s ease;}
.ma-auth108__back:hover{background:#fff;color:var(--ma-blue);transform:translateX(-2px);}
.ma-auth108__form{display:grid;gap:12px;}
.ma-auth108__field{display:grid;gap:6px;color:#243a58;font-size:12px;font-weight:850;}
.ma-auth108__field>span:first-child{padding-inline:3px;}
.ma-auth108__field input{width:100%;height:48px;border:1px solid #d6e1ef;border-radius:9px;background:rgba(255,255,255,.94);padding:0 14px;color:#142a49;font-size:14px;outline:none;box-shadow:0 5px 14px rgba(15,37,69,.035);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.ma-auth108__field input::placeholder{color:#9aa6b7;font-weight:400;}
.ma-auth108__field input:focus{border-color:rgba(11,92,255,.52);box-shadow:0 0 0 4px rgba(11,92,255,.08),0 10px 24px rgba(11,92,255,.06);background:#fff;}
.ma-auth108__password-wrap{position:relative;display:block;padding:0!important;}
.ma-auth108__password-wrap input{padding-left:48px;}
.ma-auth108__password-wrap button{position:absolute;left:5px;top:5px;width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#4b6685;font-size:17px;display:grid;place-items:center;}
.ma-auth108__password-wrap button:hover{background:#eef5ff;color:var(--ma-blue);}
.ma-auth108__otp{text-align:center!important;direction:ltr!important;font-size:22px!important;font-weight:950!important;letter-spacing:8px!important;padding-left:6px!important;font-variant-numeric:tabular-nums;}
.ma-auth108__password-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.ma-auth108__primary,.ma-auth108__secondary,.ma-auth108__ghost{width:100%;min-height:48px;border-radius:8px;padding:0 16px;font-size:13px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;}
.ma-auth108__primary{border:0;color:#fff;background:linear-gradient(135deg,var(--ma-blue),var(--ma-blue-2));box-shadow:0 12px 25px rgba(11,92,255,.20);}
.ma-auth108__primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(11,92,255,.26);}
.ma-auth108__secondary{border:1px solid #163d72;background:#0f2545;color:#fff;box-shadow:0 10px 24px rgba(15,37,69,.12);}
.ma-auth108__secondary:hover{background:#071d3c;transform:translateY(-1px);}
.ma-auth108__ghost{border:1px solid #cbd9e9;background:rgba(255,255,255,.7);color:#34506f;}
.ma-auth108__ghost:hover:not(:disabled){background:#fff;border-color:#a9c2df;color:var(--ma-blue);}
.ma-auth108__ghost:disabled{cursor:not-allowed;opacity:.55;}
.ma-auth108__link-button{border:0;background:transparent;color:#405773;text-align:right;padding:0 2px;font-size:11px;font-weight:800;min-height:22px;}
.ma-auth108__link-button:hover{color:var(--ma-blue);}
.ma-auth108__alt-form{display:grid;gap:4px;margin-top:7px;}
.ma-auth108__alt-form small{min-height:18px;text-align:center;color:#77879a;font-size:10px;}
.ma-auth108__method-link{display:block;text-align:center;color:#33516f;font-size:11px;font-weight:850;margin-top:9px;}
.ma-auth108__method-link:hover{color:var(--ma-blue);}
.ma-auth108__alert{margin:0 0 13px;border-radius:11px;padding:9px 11px;font-size:11px;line-height:1.9;border:1px solid transparent;}
.ma-auth108__alert.is-error{background:#fff4f4;border-color:#ffd8d8;color:#a12f38;}
.ma-auth108__alert.is-success{background:#effbf5;border-color:#cdeede;color:#176a48;}
.ma-auth108__alert.is-debug{background:#fff9e8;border-color:#f5e3a9;color:#775d0c;text-align:center;}
.ma-auth108__legal{margin:15px 0 0;text-align:center;color:#8593a5;font-size:10px;line-height:1.9;}
.ma-auth108__footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#617286;font-size:11px;text-align:center;}
.ma-auth108__footer a{color:var(--ma-blue);font-weight:850;}
.ma-auth108__footer a:after{content:"·";color:#bcc7d4;margin-right:12px;}
.ma-auth108__register-form{gap:11px;}
@media(prefers-reduced-motion:reduce){.ma-auth108 *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}