:root{color-scheme:light;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-darker:#0f172a;--color-accent:#3b82f6;--color-accent-dark:#1d4ed8;--color-bg:#eef2f6;--color-bg-soft:#e2e8f0;--color-bg-muted:#e9eef3;--color-border:#cbd5e1;--color-border-soft:#dbe3eb;--color-text:#1e293b;--color-text-muted:#475569;--color-danger:#ef4444;--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e293b 45%,#1d4ed8 130%);--gradient-icon:linear-gradient(180deg,#3b82f6 0%,#1d4ed8 100%);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 1px 1px rgba(15,23,42,0.04);--shadow-md:0 2px 4px rgba(15,23,42,0.06),0 4px 12px rgba(59,130,246,0.08);--shadow-lg:0 4px 8px rgba(15,23,42,0.08),0 8px 24px rgba(59,130,246,0.12);--shadow-primary:0 4px 12px rgba(59,130,246,0.35),0 2px 4px rgba(15,23,42,0.08);--transition-fast:0.12s ease-in-out;--transition-base:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.35s cubic-bezier(0.4,0,0.2,1)}
.single-post{overflow:hidden}
.single-post .post-meta{font-size:0.9rem}
.single-post .post-meta i{color:var(--color-primary)}
.post-content{line-height:1.8;font-size:1.05rem;color:var(--color-text)}
.post-content :is(h2,h3,h4){margin-block:2rem 1rem;font-weight:700;color:var(--color-primary-darker);line-height:1.4}
.post-content h2{font-size:1.75rem;padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-border)}
.post-content h3{font-size:1.35rem}
.post-content :is(p,li){margin-bottom:var(--space-sm)}
.post-content blockquote{border-inline-start:4px solid var(--color-primary);padding:var(--space-sm) var(--space-md);background:var(--color-bg-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-block:var(--space-md);color:var(--color-text-muted);font-style:italic}
.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-block:var(--space-sm);box-shadow:var(--shadow-sm)}
.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast)}
.post-content a:hover{color:var(--color-primary-dark)}
.post-content ul,.post-content ol{padding-inline-start:1.5rem}
.post-content code{background:var(--color-bg-muted);padding:2px 6px;border-radius:2px;font-size:0.9em;color:var(--color-danger)}
.post-content pre{background:var(--color-primary-darker);color:#f8fafc;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--space-md)}
.post-content pre code{background:rgba(15,23,42,0);color:#f8fafc;padding:0}
.post-content table{width:100%;border-collapse:collapse;margin-block:var(--space-md)}
.post-content table th,.post-content table td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);text-align:start}
.post-content table th{background:var(--color-bg-muted);font-weight:600}
.toc-box{border-inline-start:3px solid var(--color-primary)}
.toc-box ol{padding-inline-start:1.2rem}
.toc-box ol li{margin:0.35rem 0}
.toc-box ol li a{transition:color var(--transition-fast),padding-inline-start var(--transition-fast)}
.toc-box ol li a:hover{color:var(--color-primary-dark);text-decoration:underline !important;padding-inline-start:4px}
.post-tags .badge{background:var(--color-bg-muted) !important;color:#334155 !important;padding:6px 12px;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}
.post-tags .badge:hover{background:var(--color-primary) !important;color:#f8fafc !important;transform:translateY(-1px);box-shadow:0 2px 6px rgba(59,130,246,0.28)}
.post-nav{flex-wrap:wrap;gap:var(--space-sm)}
.post-nav .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.app-hero-section{background:var(--gradient-hero);color:#f8fafc;position:relative;overflow:hidden}
.app-hero-section::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,0.45),rgba(30,41,59,0.15));z-index:0}
.app-hero-section>.container{position:relative;z-index:1}
.app-hero-section h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;text-shadow:0 2px 8px rgba(15,23,42,0.35)}
.app-hero-section img{transition:transform var(--transition-slow);filter:drop-shadow(0 4px 8px rgba(15,23,42,0.35)) drop-shadow(0 12px 24px rgba(59,130,246,0.25))}
.app-hero-section img:hover{transform:translateY(-8px)}
.text-white-50{color:rgba(226,232,240,0.7) !important}
.app-qr-section{background:var(--color-bg-soft)}
.qr-card{transition:all var(--transition-base);border:2px solid rgba(59,130,246,0)}
.qr-card:hover{transform:scale(1.02);border-color:var(--color-accent);box-shadow:0 4px 12px rgba(59,130,246,0.2),0 2px 4px rgba(15,23,42,0.08)}
.qr-card img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.app-install-section{background:var(--color-bg-soft)}
.app-install-section .badge.rounded-circle{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.app-install-section .bg-white{transition:all var(--transition-base);position:relative;overflow:hidden}
.app-install-section .bg-white:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.app-install-section .bg-white::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-icon);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-base)}
.app-install-section .bg-white:hover::before{transform:scaleY(1)}
.app-showcase-section{background:var(--color-bg)}
.app-showcase-section img{transition:transform var(--transition-slow);filter:drop-shadow(0 2px 4px rgba(15,23,42,0.2)) drop-shadow(0 8px 16px rgba(59,130,246,0.15))}
.app-showcase-section img:hover{transform:translateY(-4px) rotate(-1deg)}
.app-showcase-section .bg-white{transition:all var(--transition-base);border-inline-start:3px solid rgba(59,130,246,0)}
.app-showcase-section .bg-white:hover{border-inline-start-color:var(--color-primary);transform:translateX(4px);box-shadow:var(--shadow-md)}
.contact-channels-section{background:var(--color-bg)}
.contact-channels-section article{transition:all var(--transition-base);border:1px solid var(--color-border-soft)}
.contact-channels-section article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.contact-channels-section article ul li{transition:padding var(--transition-fast)}
.contact-channels-section article ul li:hover{padding-inline-start:4px}
.contact-quick-section{background:var(--color-bg-soft)}
.contact-quick-section .contact-card{transition:all var(--transition-base)}
.contact-quick-section .contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.contact-quick-section .contact-card i{transition:transform var(--transition-base)}
.contact-quick-section .contact-card:hover i{transform:scale(1.1) rotate(-5deg)}
.contact-form-section{background:var(--color-bg-soft)}
.contact-form-section .form-control,.contact-form-section .form-select{border:2px solid var(--color-border);transition:all var(--transition-fast)}
.contact-form-section .form-control:focus,.contact-form-section .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 0.15rem rgba(59,130,246,0.18),0 2px 4px rgba(15,23,42,0.06)}
.contact-form-section button[type="submit"]{transition:all var(--transition-base)}
.contact-form-section button[type="submit"]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}
.contact-commitments-section{background:var(--color-bg-soft)}
.contact-commitments-section .bg-white{transition:all var(--transition-base);text-align:center}
.contact-commitments-section .bg-white:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.contact-commitments-section .bg-white i{transition:transform var(--transition-base)}
.contact-commitments-section .bg-white:hover i{transform:scale(1.15)}
main:has(> .container > .bg-white > form) .input-group-text{background-color:var(--color-bg-muted);border-color:var(--color-border);border-inline-end:none}
main:has(> .container > .bg-white > form) .input-group .form-control{border-inline-start:none}
main:has(> .container > .bg-white > form) .input-group:focus-within .input-group-text{border-color:var(--color-primary);background-color:#eef5ff}
main:has(> .container > .bg-white > form) .input-group:focus-within .form-control{border-color:var(--color-primary)}
main:has(> .container > .bg-white > form) .form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}
main:has(> .container > .bg-white > form) button[type="submit"]{transition:all var(--transition-base);font-weight:600}
main:has(> .container > .bg-white > form) button[type="submit"]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}
.icon-img{max-width:32px;max-height:32px;object-fit:contain}
.icon-emoji{display:inline-block;line-height:1}
.hero-buttons .btn{transition:all var(--transition-base)}
.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.hero-buttons .btn-warning{background-color:var(--color-accent);border-color:var(--color-accent);color:#f8fafc;font-weight:600}
.hero-buttons .btn-warning:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}
.hero-buttons .btn-outline-light:hover{background-color:rgba(148,163,184,0.22);color:#f8fafc}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--color-bg-muted)}
::-webkit-scrollbar-thumb{background:#64748b;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
*{scrollbar-width:thin;scrollbar-color:#64748b var(--color-bg-muted)}
@media print{:is(.header,.footer,.sidebar-widgets,.social-share,#back-to-top,.breadcrumb-nav,.notice-bar,.cta-banner-section,.post-nav,.related-posts,.author-box,.pagination,.navbar-toggler,.nav-item){display:none !important}body{background:#f8fafc !important;color:#111827 !important;font-size:12pt}.single-post{box-shadow:none !important;border:none !important;padding:0 !important;max-width:100% !important}.post-content{font-size:11pt;line-height:1.6}a{text-decoration:underline;color:#1e293b !important}a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#475569}a[href^="#"]::after,a[href^="javascript:"]::after,a[href^="mailto:"]::after,a[href^="tel:"]::after{content:""}.post-content img{max-width:100% !important;page-break-inside:avoid}:is(h1,h2,h3,h4){page-break-after:avoid;color:#0f172a !important}p,li{orphans:3;widows:3}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.animate-fade-in{animation:fadeInUp 0.45s cubic-bezier(0.4,0,0.2,1)}
.animate-pulse{animation:pulse 1.8s ease-in-out infinite}
@media (max-width:991.98px){.post-content{font-size:1rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.2rem}}
@media (max-width:767.98px){.single-post{padding:var(--space-md) !important}.post-content{font-size:0.95rem}.post-content h2{font-size:1.35rem}.post-nav{flex-direction:column}.post-nav .btn{width:100%}.post-tags .badge{font-size:0.8rem;padding:4px 8px}.app-hero-section h1{font-size:1.75rem}.app-install-section .badge.rounded-circle{width:40px;height:40px;font-size:1rem}.toc-box{padding:var(--space-sm) !important}.qr-card img{max-width:140px !important}}

@media (max-width: 575.98px) {
    .app-hero-section .row .col-lg-7 {
        text-align: center;
        color: #334155;
    }

    .app-hero-section .badge.bg-warning {
        font-size: 0.85rem;
        background: linear-gradient(135deg, #fbbf24, #d97706);
        color: #1e293b;
        box-shadow: 0 1px 3px rgba(217, 119, 6, 0.3);
        border-radius: 3px;
    }

    .contact-channels-section article,
    .contact-quick-section .contact-card {
        padding: var(--space-md) !important;
        background: #ffffff;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(30, 41, 59, 0.08), inset 3px 0 0 0 #3b82f6;
        transition: box-shadow 150ms ease-out;
    }
}