/* Shared presentation for migrated pages. Content and server-side routes stay intact. */
:root { --sk-ink:#291fbc; --sk-ink-2:#1f53bc; --sk-body:#485974; --sk-coral:#291fbc; --sk-coral-hover:#1f53bc; --sk-apricot:#b7d8ff; --sk-lilac:#f6f8ff; --sk-cream:#ffffff; --sk-surface:#fff; --sk-line:#dce3f4; --bs-primary-rgb:32,63,54; }
.sk-standard { overflow-wrap:break-word; }
.sk-standard .container { max-width:1208px; padding-inline:24px; }
.sk-standard .row { row-gap:28px; }
.sk-standard .row > * { min-width:0; }
.sk-standard .inner-page-header,.sk-standard .page-header { background:#f6f8ff; min-height:0; padding:44px 0 64px; }
.sk-standard .page-header:after { display:none; }
.sk-standard .inner-page-header .heading-wrapper { width:min(100%,clamp(42rem,72vw,72.5rem)); max-width:none; margin:0 auto; }
.sk-standard .inner-page-header h1 { margin:0 auto 20px; text-wrap:balance; }
.sk-standard .inner-page-header p { max-width:660px; margin-inline:auto; }
.sk-standard .inner-page-header .sk-breadcrumb { margin-bottom:32px; }
.sk-standard .st-breadcrumb { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; list-style:none; margin:24px 0 0; padding:0; font-size:12px; }
.sk-standard .st-breadcrumb li+li:before { content:'›'; margin-right:12px; color:#485974; }
.sk-standard .section-padding { padding:48px 0 64px; }
.sk-standard .section-padding-top { padding-top:48px; }
.sk-standard .section-padding-bottom { padding-bottom:64px; }
.sk-standard h2,.sk-standard h2.h1 { font:600 clamp(25px,2.7vw,34px)/1.25 'DM Sans',sans-serif; letter-spacing:-.035em; margin:32px 0 18px; }
.sk-standard h3,.sk-standard h3.h2 { font:600 22px/1.35 'DM Sans',sans-serif; margin:26px 0 12px; letter-spacing:-.025em; }
.sk-standard h4,.sk-standard h5,.sk-standard h6 { font-family:'DM Sans',sans-serif; line-height:1.4; letter-spacing:-.02em; }
.sk-standard h4 { font-size:19px; }
.sk-standard p,.sk-standard li { line-height:1.8; }
.sk-standard .lead-text { font-size:17px; font-weight:400; }
.sk-standard .heading-wrapper h2:first-child { margin-top:0; }
.sk-standard .heading-wrapper.with-separator :is(h1,h2,h3):after { background:#488fed; height:3px; width:44px; border-radius:2px; }
.sk-standard .text-center.with-separator :is(h1,h2,h3):after { margin-inline:auto; }
.sk-standard .btn { min-height:46px; border-radius:8px; font-size:14px; padding:12px 20px; box-shadow:none; transform:none; }
.sk-standard .btn-primary,.sk-standard .btn-secondary { background:linear-gradient(135deg,#9400ff,#7c3aed); color:#fff; border:1px solid #9400ff; border-radius:10px; box-shadow:0 9px 20px rgba(148,0,255,.18); }
.sk-standard .btn-primary:hover,.sk-standard .btn-secondary:hover { background:linear-gradient(135deg,#8300e6,#7500cc); border-color:#7500cc; color:#fff; box-shadow:0 12px 24px rgba(117,0,204,.25); transform:translateY(-2px); }
.sk-standard .btn-outline-primary,.sk-standard .btn-outline-secondary { border:1px solid #291fbc; color:#291fbc; }
.sk-standard .btn-outline-primary:hover,.sk-standard .btn-outline-secondary:hover { color:white; background:#291fbc; }
.sk-standard .btn-wrapper { display:flex; flex-wrap:wrap; gap:12px; }
.sk-standard .post-thumbnail { background:#f6f8ff; border:1px solid #dce3f4; border-radius:16px; padding:16px; margin:0 0 20px; overflow:hidden; }
.sk-standard .post-thumbnail img { display:block; width:100%; max-height:460px; object-fit:contain; border-radius:8px; margin:auto; }
.sk-standard .post-thumbnail .sk-post-vector { display:block; width:100%; height:auto; aspect-ratio:48/25; border-radius:12px; }
.sk-standard .post-meta { display:flex; flex-wrap:wrap; gap:10px 18px; font-size:12px; color:#485974; margin:0 0 28px; }
.sk-standard .entry-category { color:#1f53bc; }
.sk-standard .blogs-h3 { margin-block:24px; }
.sk-standard .list-style-one li:before { content:'✓'; color:#488fed; }
.sk-standard .sidebar { padding:26px; border:1px solid #dce3f4; background:#f7f9ff; border-radius:16px; }
.sk-standard .widget + .widget { margin-top:28px; padding-top:24px; border-top:1px solid #dce3f4; }
.sk-standard .widget-title .title { font:600 16px/1.5 'DM Sans',sans-serif; margin:0 0 18px; color:#291fbc; }
.sk-standard .st-recent-posts { list-style:none; padding:0; margin:0; }
.sk-standard .rp-item + .rp-item { margin-top:20px; }
.sk-standard .rp-item > a { display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:start; }
.sk-standard .rp-item .article-img img { width:72px; height:64px; object-fit:cover; border-radius:8px; }
.sk-standard .rp-item .article-details { padding:0; }
.sk-standard .rp-item .entry-title { font:600 13px/1.5 'DM Sans',sans-serif; margin:0 0 4px; letter-spacing:0; }
.sk-standard .rp-date { font-size:11px; color:#485974; }
.sk-standard .tagcloud { display:flex; flex-wrap:wrap; gap:8px; }
.sk-standard .tagcloud a { padding:4px 10px; font-size:12px; background:#eef3ff; border-radius:6px; color:#1f53bc; }
.sk-standard .social-media-links ul { list-style:none; display:flex; flex-wrap:wrap; gap:12px; padding:0; margin:0; }
.sk-standard .social-media-links a { display:inline-flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; border:1px solid #dce3f4; border-radius:8px; }
.sk-standard .article-block,.sk-standard .blog-block { height:100%; border-radius:14px; }
.sk-standard .article-block .article-img img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.sk-standard .article-block .entry-title { font-size:21px; line-height:1.4; margin:12px 0; }
.sk-standard .article-block .post-meta { margin:0 0 12px; }
.sk-standard .news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; width:100%; margin:0; }
.sk-standard .news-grid .article-block { min-width:0; margin:0; }
.sk-standard .news-grid .article-block .inner-box { height:100%; display:flex; flex-direction:column; }
.sk-standard .news-grid .article-block .article-img { background:#f6f8ff; overflow:hidden; }
.sk-standard .news-grid .article-block .article-img a { display:block; }
.sk-standard .news-grid .article-block .article-img img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .25s ease; }
.sk-standard .news-grid .article-block .article-img .blog-vector { display:block; width:100%; height:auto; aspect-ratio:16/10; transition:transform .25s ease; }
.sk-standard .news-grid .article-block:hover .article-img .blog-vector { transform:scale(1.03); }
.sk-standard .news-grid .article-block:hover .article-img img { transform:scale(1.03); }
.sk-standard .news-grid .article-details { flex:1; display:flex; flex-direction:column; padding:22px; }
.sk-standard .news-grid .entry-title { margin:0; font-size:19px; }
.sk-standard .news-grid .entry-title a { color:#291fbc; }
.sk-standard .news-grid .entry-title a:hover { color:#1f53bc; }
.sk-standard .features-block .inner-box,.sk-standard .icon-box .inner-box,.sk-standard .content-block,.sk-standard .contact-info-box { border-radius:14px; transform:none; }
.sk-standard .features-block .inner-box:hover,.sk-standard .icon-box .inner-box:hover,.sk-standard .content-block:hover { transform:none; box-shadow:0 8px 28px #291fbc10; }
.sk-standard .icon { background:#eef3ff; }
.sk-standard .features-block .icon img { width:34px; height:34px; object-fit:contain; }
.sk-standard .price-card,.sk-standard .price-card.popular { border-radius:16px; background:white; color:#485974; height:100%; }
.sk-standard .price-card .card-header { padding:26px 22px; background:#f6f8ff; border-bottom:1px solid #dce3f4; }
.sk-standard .price-card .card-title,.sk-standard .price-card.popular h3 { color:#291fbc!important; font-size:23px; margin:0 0 20px; }
.sk-standard .price-card .card-body { padding:24px; }
.sk-standard .pricing-feature-list { text-align:left; font-size:14px; }
.sk-standard .pricing-feature-list li.disabled { color:#7b8078; }
.sk-standard .pricing-feature-list li.disabled:before { content:'—'; color:#7b8078; }
.sk-standard .price-card .plan-cost { height:auto!important; }
.sk-standard .price-card .desc { min-height:140px; font-size:14px; }
.sk-standard .accordion .card,.sk-standard .accordion .panel-default { border-radius:12px; overflow:hidden; }
.sk-standard .accordion .card-header h2,.sk-standard .accordion .card-header h3 { margin:0; font-size:18px; }
.sk-standard .accordion [data-bs-toggle=collapse] { display:block; color:#291fbc; padding:20px; font-weight:600; }
.sk-standard .accordion .collapse { padding:0; }
.sk-standard .accordion .card-body,.sk-standard .accordion .panel-body { padding:8px 20px 22px; }
.sk-standard .nav-tabs { flex-wrap:wrap; }
.sk-standard .nav-tabs .nav-link { min-height:44px; }
.sk-standard .form-group { margin-bottom:18px; }
.sk-standard .form-control:focus,.sk-standard .form-select:focus { border-color:#3e81e5; box-shadow:0 0 0 3px #488fed26; }
.sk-standard table { width:100%; font-size:14px; }
.sk-standard th,.sk-standard td { padding:12px; border:1px solid #dce3f4; }
.sk-standard th { background:#f6f8ff; color:#291fbc; }
.sk-standard .table-responsive { overflow-x:auto; }
.sk-standard .cta-section { background:#291fbc; }
.sk-standard .cta-section p { color:#dbe7ff; }
.sk-standard .cta-section .btn { background:#b7d8ff; color:#291fbc; }
.sk-standard .dark-bg :is(h1,h2,h3,h4,h5,h6),.sk-standard .dark-bg .heading-wrapper span { color:#ffffff; }
.sk-standard .dark-bg :is(p,li,.lead-text,.text-wrapper) { color:#dbe7ff; }
.sk-standard .dark-bg a:not(.btn) { color:#b7d8ff; }
.sk-standard .dark-bg .features-block :is(h3,h4),.sk-standard .dark-bg .content-block :is(h3,h4) { color:#291fbc; }
.sk-standard .dark-bg .features-block p,.sk-standard .dark-bg .content-block p { color:#485974; }
.sk-standard .dc-signin { padding:64px 24px; }
.sk-standard .signin-wrapper { display:grid; grid-template-columns:1fr 1fr; max-width:1000px; margin:auto; border:1px solid #dce3f4; border-radius:20px; overflow:hidden; background:white; }
.sk-standard .intro-box { background:#291fbc; padding:44px; color:#dbe7ff; }
.sk-standard .intro-box h1,.sk-standard .intro-box h2,.sk-standard .intro-box span { color:#ffffff; }
.sk-standard .intro-box .logo { width:180px; margin-bottom:28px; }
.sk-standard .form-box { padding:44px; }
.sk-standard .btn-full { width:100%; }
.sk-standard .theme-one .signin-wrapper { display:block; max-width:520px; padding:32px; }
.sk-standard .box-header { margin-bottom:28px; }
.sk-standard .box-header .logo-dark { max-width:180px; margin-bottom:24px; }
.sk-standard .panel-group .panel { background:white; border:1px solid #dce3f4; border-radius:12px; margin-bottom:14px; }
.sk-standard .panel-title { margin:0; font-size:17px; }
.sk-standard .panel-title a { display:block; padding:20px; }
.sk-standard .panel-body { padding:0 20px 20px; }
.sk-standard .or { text-align:center; margin:20px; }
.sk-standard .contact-box-wrapper { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.sk-standard .contact-box-wrapper > [class^=col-lg-] { flex:1 1 260px; min-width:0; }
.sk-standard .playstore-widget2 ul { list-style:none; padding:0; text-align:center; margin:20px 0 48px; }
.sk-standard .playstore-widget2 a { display:inline-flex; gap:10px; padding:14px 24px; color:white; background:#291fbc; border-radius:8px; }
.sk-standard .location-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:32px 0 64px; }
.sk-standard .location-card { padding:24px; background:white; border:1px solid #dce3f4; border-radius:14px; }
.sk-standard .location-top { display:flex; justify-content:space-between; }
.sk-standard .location-title { font-size:20px; }
.sk-standard .location-readmore { font-size:13px; font-weight:600; }
.sk-standard .location-table-wrapper { overflow:auto; }
.sk-standard .feature-tags { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.sk-standard .feature-tag { padding:8px 14px; border:1px solid #dce3f4; background:#f6f8ff; border-radius:8px; font-size:14px; }
.sk-standard .sk-topic-art { max-width:480px; width:100%; display:block; margin:auto; }
@media(min-width:992px) { .sk-standard .col-lg-8:has(+ .col-lg-4) { padding-right:40px; } }
@media(max-width:991px) { .sk-standard .sidebar { margin-top:12px; } .sk-standard .pricing-plans-one > .col-lg-3 { width:50%; } .sk-standard .location-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .sk-standard .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .sk-standard .container { padding-inline:20px; } .sk-standard .section-padding { padding:36px 0 48px; } .sk-standard .inner-page-header,.sk-standard .page-header { padding:32px 0 44px; } .sk-standard h1 { font-size:clamp(30px,7.5vw,42px); } .sk-standard .signin-wrapper { grid-template-columns:1fr; } .sk-standard .intro-box,.sk-standard .form-box { padding:28px; } .sk-standard .price-card .desc { min-height:0; } }
@media(max-width:575px) { .sk-standard .pricing-plans-one > .col-lg-3 { width:100%; } .sk-standard .location-list { grid-template-columns:1fr; } .sk-standard .news-grid { grid-template-columns:1fr; gap:18px; } .sk-standard .post-thumbnail { padding:8px; } .sk-standard .sidebar { padding:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }
