@keyframes spin{to{transform:rotate(360deg)}}@keyframes orb1{0%{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.1)}}@keyframes orb2{0%{transform:translate(0,0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}@keyframes morphShape{0%,to{border-radius:38% 62% 63% 37%/41% 44% 56% 59%}33%{border-radius:55% 45% 38% 62%/52% 43% 57% 48%}66%{border-radius:44% 56% 55% 45%/60% 52% 48% 40%}}@keyframes floatGlow{0%{transform:scale(.9) translate(0,0);opacity:.2}50%{transform:scale(1.05) translate(10px,-10px);opacity:.3}to{transform:scale(1.12) translate(-5px,8px);opacity:.22}}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blogCardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200%0}to{background-position:-200%0}}:root{--bg:#030712;--page-bg:radial-gradient(ellipse at 15% 10%, rgba(99, 102, 241, 0.18) 0%, transparent 50%), radial-gradient(ellipse at 85% 85%, rgba(6, 182, 212, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(139, 92, 246, 0.05) 0%, transparent 60%), #030712;--surface:rgba(17, 24, 39, 0.6);--surface-strong:rgba(31, 41, 55, 0.8);--surface-border:rgba(255, 255, 255, 0.07);--glass-bg:rgba(15, 23, 42, 0.55);--glass-strong:rgba(30, 41, 59, 0.8);--glass-border:rgba(255, 255, 255, 0.09);--text:#f1f5f9;--text-secondary:#cbd5e1;--muted:#94a3b8;--primary:#6366f1;--primary-soft:rgba(99, 102, 241, 0.12);--primary-glow:rgba(99, 102, 241, 0.3);--primary-strong:#4f46e5;--accent:#22d3ee;--accent-soft:rgba(34, 211, 238, 0.12);--accent-glow:rgba(34, 211, 238, 0.25);--violet:#8b5cf6;--shadow-sm:0 4px 16px rgba(0, 0, 0, 0.2);--shadow:0 16px 48px rgba(0, 0, 0, 0.4);--shadow-xl:0 32px 80px rgba(0, 0, 0, 0.5);--header-bg:rgba(3, 7, 18, 0.8);--header-text:#f1f5f9;--header-border:rgba(255, 255, 255, 0.06);--nav-link:#94a3b8;--nav-link-active:#6366f1;--icon-color:#f1f5f9;--btn-secondary-bg:rgba(255, 255, 255, 0.06);--btn-secondary-text:#f1f5f9;--btn-primary-from:#6366f1;--btn-primary-to:#4f46e5;--section-gap:6rem;--section-gap-tight:4rem;--card-padding:1.75rem;--radius-card:24px;--radius-xl:32px;--hero-min:clamp(70vh, calc(100vh - 80px), 90vh);--card-bg:var(--surface);--border:var(--surface-border);--transition-fast:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition:all 0.35s cubic-bezier(0.16, 1, 0.3, 1);--transition-slow:all 0.5s cubic-bezier(0.16, 1, 0.3, 1)}body.light-mode{--bg:#f8fafc;--page-bg:radial-gradient(ellipse at 15% 10%, rgba(99, 102, 241, 0.07) 0%, transparent 50%), radial-gradient(ellipse at 85% 85%, rgba(6, 182, 212, 0.06) 0%, transparent 50%), #f8fafc;--surface:rgba(255, 255, 255, 0.8);--surface-strong:rgba(255, 255, 255, 0.98);--surface-border:rgba(148, 163, 184, 0.18);--glass-bg:rgba(255, 255, 255, 0.8);--glass-strong:rgba(255, 255, 255, 0.98);--glass-border:rgba(148, 163, 184, 0.18);--text:#0f172a;--text-secondary:#1e293b;--muted:#475569;--primary:#4f46e5;--primary-soft:rgba(79, 70, 229, 0.09);--primary-glow:rgba(79, 70, 229, 0.18);--primary-strong:#3730a3;--accent:#0891b2;--accent-soft:rgba(8, 145, 178, 0.09);--accent-glow:rgba(8, 145, 178, 0.2);--violet:#7c3aed;--shadow-sm:0 4px 16px rgba(15, 23, 42, 0.06);--shadow:0 16px 48px rgba(15, 23, 42, 0.08);--shadow-xl:0 32px 80px rgba(15, 23, 42, 0.1);--header-bg:rgba(255, 255, 255, 0.88);--header-text:#0f172a;--header-border:rgba(15, 23, 42, 0.07);--nav-link:#475569;--nav-link-active:#4f46e5;--icon-color:#0f172a;--btn-secondary-bg:rgba(15, 23, 42, 0.05);--btn-secondary-text:#0f172a;--btn-primary-from:#4f46e5;--btn-primary-to:#3730a3}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--text);line-height:1.6;transition:background .4s ease,color .35s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent)}ul{list-style:none}#scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100000;pointer-events:none}#scroll-progress .bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 12px var(--primary-glow);transition:width 100ms linear}*{scrollbar-width:thin;scrollbar-color:var(--primary-soft) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--primary-soft);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.9rem;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.02em;border-radius:99px;border:1px solid transparent;cursor:pointer;transition:var(--transition);white-space:nowrap;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--btn-primary-from),var(--btn-primary-to));color:#fff;box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--primary-glow);color:#fff}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--surface-border);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.btn-resume{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.3);font-family:inherit;font-size:inherit}.btn-resume:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(239,68,68,.3)}.header{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:1180px;z-index:999;padding:.65rem 1.25rem;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--header-bg);color:var(--header-text);border:1px solid var(--header-border);border-radius:99px;box-shadow:var(--shadow-sm);transition:var(--transition)}.header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-brand{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:1.5px solid var(--surface-border);flex-shrink:0}.header-avatar img{width:100%;height:100%;object-fit:cover}.logo{font-size:1rem;font-weight:800;color:var(--header-text)!important;letter-spacing:-.01em}.nav-menu,.nav-menu a,.nav-menu ul{display:flex;align-items:center}.nav-menu ul{gap:.25rem;margin:0;padding:0}.nav-menu a{color:var(--nav-link);font-weight:600;font-size:.875rem;padding:.45rem .9rem;border-radius:99px;transition:var(--transition-fast);line-height:1}.nav-dropdown-menu a:hover,.nav-menu .active>a,.nav-menu a:hover{color:var(--primary);background:var(--primary-soft)}.nav-dropdown{position:relative}.nav-dropdown-toggle{gap:4px}.nav-dropdown-toggle .fa-chevron-down{transition:transform .3s ease}.mobile-nav-links .nav-dropdown.open .nav-dropdown-toggle .fa-chevron-down,.nav-dropdown.open .nav-dropdown-toggle .fa-chevron-down,.nav-dropdown:hover .nav-dropdown-toggle .fa-chevron-down{transform:rotate(180deg)}.nav-dropdown-menu{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-8px);padding:8px;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:150px;max-height:50vh;overflow-y:auto;z-index:1000;display:flex;flex-direction:column;gap:2px;transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav-dropdown-menu::-webkit-scrollbar{width:5px}.nav-dropdown-menu::-webkit-scrollbar-track{background:0 0}.nav-dropdown-menu::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}.nav-dropdown-menu li{list-style:none;width:100%}.nav-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:10px;white-space:nowrap;transition:background .2s,color .2s;width:100%}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.nav-dropdown-sub{position:relative}.nav-dropdown-submenu{visibility:hidden;opacity:0;position:absolute;left:calc(100% + 6px);top:-8px;min-width:175px;padding:8px;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:2px;transform:translateX(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1001}.nav-dropdown-sub.open .nav-dropdown-submenu,.nav-dropdown-sub:hover .nav-dropdown-submenu{visibility:visible;opacity:1;transform:translateX(0)}.nav-dropdown-sub-toggle,.nav-dropdown-submenu a{font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:background .2s,color .2s}.nav-dropdown-sub-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.nav-dropdown-sub-toggle:hover,.nav-dropdown-submenu a:hover{color:var(--primary);background:var(--primary-soft)}.nav-dropdown-sub .fa-chevron-right{font-size:.7rem;opacity:.7}.nav-dropdown-submenu li{list-style:none}.nav-dropdown-submenu a{display:block;padding:9px 14px}.mobile-nav-links .nav-dropdown{display:flex;flex-direction:column}.mobile-nav-links .nav-dropdown .nav-dropdown-menu,.mobile-nav-links .nav-dropdown-submenu{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;border:0;backdrop-filter:none;min-width:auto}.mobile-nav-links .nav-dropdown .nav-dropdown-menu{display:none;background:rgba(99,102,241,.08);padding:.5rem 0 .5rem 1.2rem;margin-top:.5rem;border-radius:12px;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto}.mobile-nav-links .nav-dropdown.open .nav-dropdown-menu{display:flex}.mobile-nav-links .nav-dropdown-submenu{background:rgba(99,102,241,.06);-webkit-backdrop-filter:none;padding:.25rem 0 .25rem 1.1rem;margin-top:.25rem;border-radius:10px}.mobile-nav-links .nav-dropdown-sub-toggle .fa-chevron-right{display:none}.mobile-nav-links .nav-dropdown.open .nav-dropdown-toggle{color:var(--primary)!important}.mobile-nav-links .nav-dropdown .nav-dropdown-toggle .fa-chevron-down{transition:transform .3s ease}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-nav-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--header-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.mobile-nav-toggle:hover,.theme-toggle:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:scale(1.08)}.mobile-nav-toggle i,.theme-toggle i{font-size:1.1rem;pointer-events:none}.mobile-nav-close,.mobile-nav-overlay{display:flex;align-items:center;justify-content:center}.mobile-nav-overlay{position:fixed;inset:0;z-index:1001;background:#0a0f1e;flex-direction:column;transform:translateY(-100%);transition:transform .45s cubic-bezier(.16,1,.3,1);overflow:hidden;border-bottom:3px solid var(--primary)}body.light-mode .mobile-nav-overlay{background:#f1f5ff;border-bottom-color:var(--primary)}body.mobile-nav-active .mobile-nav-overlay{transform:translateY(0)}.mobile-nav-overlay::after{content:"";position:absolute;top:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.25)0,transparent 70%);pointer-events:none;z-index:0}.mobile-nav-close{position:absolute;top:1.1rem;right:1.1rem;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);font-size:1.25rem;cursor:pointer;z-index:20;opacity:0;transform:scale(.7) rotate(-45deg);transition:opacity .3s ease .3s,transform .3s ease .3s}body.light-mode .mobile-nav-close{border-color:rgba(79,70,229,.25);background:rgba(79,70,229,.08);color:var(--primary)}body.mobile-nav-active .mobile-nav-close{opacity:1;transform:scale(1) rotate(0deg)}.mobile-nav-close:hover{background:var(--primary)!important;color:#fff!important;transform:scale(1.1) rotate(90deg)!important}.mobile-nav-links{position:relative;z-index:5;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center;width:100%}.mobile-nav-links li{opacity:0;transform:translateX(-30px);transition:opacity .35s ease,transform .35s ease}.mobile-nav-links li:nth-child(1){transition-delay:.12s}.mobile-nav-links li:nth-child(2){transition-delay:.18s}.mobile-nav-links li:nth-child(3){transition-delay:.24s}.mobile-nav-links li:nth-child(4){transition-delay:.3s}.mobile-nav-links li:nth-child(5){transition-delay:.36s}.mobile-nav-links li:nth-child(6){transition-delay:.42s}body.mobile-nav-active .mobile-nav-links li{opacity:1;transform:translateX(0)}.mobile-nav-links a{display:block;font-size:clamp(1.9rem,8vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:rgba(255,255,255,.9);text-decoration:none;padding:.4rem 2rem;position:relative;transition:color .2s ease,transform .2s ease}body.light-mode .mobile-nav-links a{color:rgba(15,23,42,.8)}.mobile-nav-links a:hover{color:var(--primary);transform:translateX(8px)}body.light-mode .mobile-nav-links a:hover{color:var(--primary)}.mobile-nav-links li+li{border-top:1px solid rgba(255,255,255,.06);width:80%;margin:0 auto}body.light-mode .mobile-nav-links li+li{border-top-color:rgba(15,23,42,.07)}.mobile-nav-social{position:relative;z-index:5;display:flex;justify-content:center;gap:.85rem;margin-top:2.5rem;opacity:0;transform:translateY(14px);transition:opacity .35s ease .48s,transform .35s ease .48s}body.mobile-nav-active .mobile-nav-social{opacity:1;transform:translateY(0)}.mobile-nav-social a,.pdf-modal-backdrop{display:flex;align-items:center;justify-content:center}.mobile-nav-social a{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.65);font-size:1rem;text-decoration:none;transition:all .2s ease}body.light-mode .mobile-nav-social a{border-color:rgba(79,70,229,.18);background:rgba(79,70,229,.06);color:var(--primary)}.mobile-nav-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-3px)}body.mobile-nav-active,body.pdf-modal-open{overflow:hidden}.pdf-modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(3,7,18,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.pdf-modal-open .pdf-modal-backdrop{opacity:1;visibility:visible}.pdf-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;width:100%;max-width:820px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5);transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.16,1,.3,1)}body.pdf-modal-open .pdf-modal{transform:translateY(0) scale(1)}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.pdf-modal-title{font-size:.95rem;font-weight:700;color:var(--heading);display:flex;align-items:center;gap:.5rem}.pdf-modal-title i{color:#ef4444;font-size:1.1rem}.pdf-modal-actions{display:flex;align-items:center;gap:.6rem}.pdf-modal-actions a{padding:.45rem 1rem;font-size:.8rem}.pdf-modal-actions a,.pdf-modal-close{display:inline-flex;align-items:center;gap:.4rem;border-radius:10px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:0}.about-highlights span:hover,.pdf-download-btn,.social-links a:hover{background:var(--primary);color:#fff}.pdf-download-btn:hover{background:var(--primary-dark, #4f46e5);transform:translateY(-1px)}.pdf-modal-close{background:var(--glass);border:1px solid var(--border)!important;color:var(--text);font-size:1rem!important;padding:.45rem .6rem!important}.pdf-modal-close:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)!important;color:#ef4444}.pdf-modal-body{flex:1;overflow:hidden;position:relative;min-height:300px}.pdf-modal-body iframe{width:100%;height:100%;border:0;display:block;min-height:65vh}#hero,.pdf-loading{display:flex;align-items:center}.pdf-loading{position:absolute;inset:0;flex-direction:column;justify-content:center;gap:1rem;color:var(--text-muted);font-size:.9rem}.pdf-loading .spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (min-width:1025px){.nav-menu{display:flex;align-items:center}.mobile-nav-overlay,.mobile-nav-toggle{display:none!important}}@media (max-width:1024px){.header{width:calc(100% - 1.5rem);top:.65rem}.nav-menu{display:none!important}.mobile-nav-toggle{display:inline-flex!important;z-index:1010}}main{margin-top:100px}@media (max-width:1024px){main{margin-top:80px}}@media (max-width:480px){main{margin-top:70px}}section{padding:var(--section-gap)0}@media (max-width:768px){section{padding:var(--section-gap-tight)0}}@media (max-width:480px){section{padding:3rem 0}}.container{width:100%;max-width:1200px;padding:0 1.5rem;margin:0 auto}@media (max-width:480px){.container{padding:0 1rem}}.section-title{margin-bottom:3rem}.section-title h2{font-size:clamp(2rem,5vw,2.75rem);font-weight:900;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text) 40%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .hero-text-col h1,body.light-mode .section-title h2{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:initial!important;color:var(--text, #0f172a)!important}.section-title p{color:var(--muted);font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7;max-width:680px}#hero{min-height:var(--hero-min);position:relative;overflow:hidden;padding-top:calc(5rem + 60px);padding-bottom:4rem}#hero::after,#hero::before,.hero-avatar-glow::before{content:"";position:absolute;z-index:0;border-radius:50%}#hero::after,#hero::before{pointer-events:none}#hero::before{width:clamp(300px,50vw,600px);height:clamp(300px,50vw,600px);background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);top:-20%;right:-10%;animation:orb1 12s ease-in-out infinite alternate}#hero::after{width:clamp(200px,35vw,400px);height:clamp(200px,35vw,400px);background:radial-gradient(circle,rgba(34,211,238,.1),transparent 70%);bottom:-10%;left:5%;animation:orb2 14s ease-in-out infinite alternate}.hero-content{position:relative;z-index:1}.hero-content>.eyebrow{margin-bottom:1.25rem}.hero-content>h1,.hero-text-col h1{font-weight:900;letter-spacing:-.035em;line-height:1.05}.hero-content>h1{font-size:clamp(1.9rem,7vw,4.5rem);margin-bottom:1.5rem;color:var(--heading)}.hero-content>.hero-sub,.hero-content>p{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-secondary);line-height:1.75;max-width:620px;margin-bottom:2.25rem}.hero-content>.hero-actions{margin-bottom:2.5rem}#blog.section-bg{padding-top:.5rem!important}.hero-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}@media (max-width:900px){.hero-row{grid-template-columns:1fr;text-align:center;gap:2.5rem}}.hero-text-col{order:1}@media (max-width:900px){.hero-text-col{order:2}}.eyebrow{margin-bottom:1rem}body.light-mode .eyebrow{border-color:rgba(8,145,178,.2)}.hero-text-col h1{font-size:clamp(2.6rem,7vw,4.5rem);margin-bottom:1.25rem;background:linear-gradient(135deg,var(--text) 30%,var(--primary) 80%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text-col .hero-desc{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-secondary);line-height:1.75;margin-bottom:2.25rem;max-width:580px}@media (max-width:900px){.hero-text-col .hero-desc{margin-left:auto;margin-right:auto}}.hero-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:2.5rem}@media (max-width:900px){.hero-actions{justify-content:center}.hero-actions .btn{flex:1 1 160px;max-width:240px}}@media (max-width:380px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;max-width:none}}.social-links{display:flex;flex-wrap:wrap;gap:.65rem}@media (max-width:900px){.social-links{justify-content:center}}.hero-visual-col,.social-links a{align-items:center;justify-content:center}.social-links a{width:44px;height:44px;display:inline-flex;border-radius:14px;background:var(--btn-secondary-bg);color:var(--icon-color);border:1px solid var(--surface-border);transition:var(--transition);font-size:1.2rem}.social-links a:hover{transform:translateY(-4px) scale(1.05);border-color:var(--primary);box-shadow:0 10px 24px var(--primary-glow)}.hero-visual-col{order:1;display:flex}@media (max-width:900px){.hero-visual-col{order:1}}.hero-avatar-glow{position:relative;width:clamp(200px,28vw,320px);height:clamp(200px,28vw,320px);display:flex;align-items:center;justify-content:center}@media (max-width:900px){.hero-avatar-glow{width:180px;height:180px}}@media (max-width:480px){.hero-avatar-glow{width:150px;height:150px}}.hero-avatar-glow::before{inset:-25%;background:radial-gradient(circle,var(--primary) 0%,var(--violet) 40%,transparent 70%);opacity:.25;filter:blur(30px);animation:floatGlow 8s ease-in-out infinite alternate}.hero-avatar-frame{position:relative;z-index:1;width:100%;height:100%;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;border:2.5px solid rgba(99,102,241,.3);overflow:hidden;box-shadow:var(--shadow),0 0 0 8px rgba(99,102,241,.06);animation:morphShape 12s ease-in-out infinite alternate;background:var(--primary-soft)}.hero-avatar-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform .6s ease}.hero-avatar-frame:hover img{transform:scale(1.12)}.hero-stats{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}@media (max-width:900px){.hero-stats{justify-content:center}}.hero-stat-badge{display:flex;flex-direction:column;align-items:flex-start;padding:.65rem 1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:90px}@media (max-width:900px){.hero-stat-badge{align-items:center}}.hero-stat-badge .stat-num{font-size:1.4rem;font-weight:900;font-family:"Plus Jakarta Sans",sans-serif;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.15rem}.hero-stat-badge .stat-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.about-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow)}.about-card h3{font-size:clamp(1.25rem,3vw,1.6rem);color:var(--text);margin-bottom:.5rem}.about-card .about-subtitle{color:var(--muted);font-size:1rem;margin-bottom:1.5rem;font-style:italic;line-height:1.6}.about-summary{color:var(--text-secondary);line-height:1.8;font-size:1rem;margin-bottom:2rem;padding-left:1rem;border-left:3px solid var(--primary);border-radius:2px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:2rem}@media (max-width:600px){.about-grid{grid-template-columns:1fr}}.about-grid-item{padding:.85rem 1.1rem;border-radius:14px;background:var(--btn-secondary-bg);border:1px solid var(--surface-border);font-size:.9rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.about-grid-item strong{color:var(--primary);font-weight:700;flex-shrink:0}.about-highlights{display:flex;flex-wrap:wrap;gap:.6rem}.about-highlights span{padding:.45rem 1rem;border-radius:99px;background:var(--primary-soft);border:1px solid rgba(99,102,241,.18);color:var(--primary);font-weight:700;font-size:.8rem;transition:var(--transition-fast)}.about-highlights span:hover{transform:translateY(-2px)}body.light-mode .about-highlights span{border-color:rgba(79,70,229,.15)}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media (max-width:768px){.resume-grid{grid-template-columns:1fr;gap:3rem}}.resume-column-title{font-size:1.2rem;font-weight:800;color:var(--text);margin-bottom:2rem;display:flex;align-items:center;gap:.6rem;padding-bottom:.75rem;border-bottom:2px solid var(--surface-border)}.resume-column-title i{color:var(--primary);font-size:1.35rem}.timeline,.timeline-item{position:relative}.timeline::before{content:"";position:absolute;left:0;top:8px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent) 70%,transparent);border-radius:2px;opacity:.4}.timeline-item{padding-left:2rem;margin-bottom:2.25rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-5px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2.5px solid var(--primary);box-shadow:0 0 0 4px var(--primary-soft);transition:var(--transition);z-index:2}.timeline-item:hover .timeline-dot{background:var(--primary);box-shadow:0 0 0 6px var(--primary-soft),0 0 12px var(--primary-glow);transform:scale(1.2)}.timeline-content{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;padding:1.25rem 1.4rem;transition:var(--transition)}.timeline-item:hover .timeline-content{border-color:rgba(99,102,241,.25);box-shadow:var(--shadow-sm);transform:translateX(4px)}.timeline-content h4{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:.35rem}.timeline-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-soft);padding:.3rem .75rem;border-radius:99px;margin-bottom:.6rem}.timeline-badge i{font-size:.85rem}.timeline-company{font-size:.88rem;color:var(--accent);font-weight:600;margin-bottom:.85rem;display:flex;align-items:center;gap:.35rem}.timeline-content ul{padding-left:0;color:var(--muted);font-size:.88rem;line-height:1.65;display:flex;flex-direction:column;gap:.4rem}.timeline-content ul li{padding-left:1.1rem;position:relative}.timeline-content ul li::before{content:"▸";position:absolute;left:0;color:var(--primary);font-size:.7rem;top:.1em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}@media (max-width:640px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}}@media (max-width:400px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px;padding:1.35rem .85rem;flex-direction:column;text-align:center;gap:.6rem;transition:var(--transition);cursor:default;min-height:108px}.skill-card:hover{border-color:var(--primary);background:var(--surface-strong);transform:translateY(-6px);box-shadow:0 12px 30px var(--primary-glow)}.skill-card,.skill-card .skill-icon,.skill-card i{display:flex;align-items:center;justify-content:center}.skill-card .skill-icon,.skill-card i{font-size:2rem;line-height:1;color:var(--primary);transition:var(--transition-fast);width:2.25rem;height:2.25rem}.skill-card:hover .skill-icon,.skill-card:hover i{color:var(--accent);transform:scale(1.15)}.skill-icon.emoji{font-size:1.6rem;color:transparent!important;filter:saturate(1.2)}.skill-card span.skill-label{font-size:.8rem;font-weight:700;color:var(--text-secondary);letter-spacing:-.01em;line-height:1.3}.clients-track-wrapper{overflow:hidden;position:relative;padding:.5rem 0;margin-top:1.5rem}.clients-track-wrapper::after,.clients-track-wrapper::before{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.clients-track-wrapper::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.clients-track-wrapper::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.auto-scroll-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.auto-scroll-container:active{cursor:grabbing}.auto-scroll-container::-webkit-scrollbar{display:none}.auto-scrollable-box{display:inline-flex;gap:1rem;align-items:center;min-width:max-content;padding:.5rem 0}#portfolio-flters li,.client-card{border:1px solid var(--surface-border)}#portfolio-flters,.client-card{display:flex;justify-content:center}.client-card{flex:0 0 auto;width:130px;height:70px;align-items:center;background:var(--surface);border-radius:16px;padding:.75rem;transition:var(--transition)}.client-card img{max-width:100%;max-height:38px;object-fit:contain;filter:grayscale(1) opacity(.45) brightness(1.6);transition:var(--transition)}body.light-mode .client-card img{filter:grayscale(1) opacity(.5) brightness(.2)}.client-card:hover{border-color:var(--primary);background:var(--surface-strong);transform:translateY(-3px);box-shadow:0 8px 24px var(--primary-glow)}.client-card:hover img{filter:none}#portfolio-flters{gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem;padding:0;list-style:none}#portfolio-flters li{padding:.55rem 1.25rem;border-radius:99px;background:var(--btn-secondary-bg);color:var(--muted);font-weight:700;font-size:.82rem;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;user-select:none}#portfolio-flters li:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}#portfolio-flters li.filter-active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 18px var(--primary-glow)}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}@media (max-width:960px){.portfolio-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:560px){.portfolio-container{grid-template-columns:1fr;gap:1rem}}.portfolio-item{transition:opacity .35s ease,transform .35s ease}.portfolio-item.hidden{display:none!important}.project-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;min-height:240px;height:100%;transition:var(--transition);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition)}.project-card:hover{transform:translateY(-8px);border-color:rgba(99,102,241,.3);box-shadow:var(--shadow)}.project-card:hover::before{opacity:1}.project-labels{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}.project-labels span,.project-link{font-weight:700;color:var(--primary)}.project-labels span{font-size:.72rem;background:var(--primary-soft);padding:.3rem .75rem;border-radius:99px;letter-spacing:.02em;text-transform:uppercase}.project-card h3{font-size:1.1rem;font-weight:800;color:var(--text);margin-bottom:.6rem;letter-spacing:-.01em}.project-card p{color:var(--muted);font-size:.88rem;line-height:1.65;flex-grow:1;margin-bottom:1.25rem}.project-link{font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;transition:var(--transition-fast);padding:.5rem 0}.project-link:hover{color:var(--accent);gap:.65rem}#footer{padding:2.5rem 0;border-top:1px solid var(--surface-border);color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}@media (max-width:600px){.footer-inner{flex-direction:column;text-align:center}}.footer-copy,.footer-links a{font-size:.875rem;font-weight:500}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-weight:600;color:var(--muted);transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary)}#preloader,.back-to-top{position:fixed;align-items:center;justify-content:center}.back-to-top{right:1.25rem;bottom:1.25rem;width:46px;height:46px;display:inline-flex;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-radius:14px;box-shadow:0 6px 20px var(--primary-glow);z-index:998;opacity:0;visibility:hidden;transition:var(--transition)}.back-to-top.active{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 28px var(--primary-glow);color:#fff}.back-to-top i{font-size:1.35rem}#preloader{inset:0;z-index:99999;background:var(--bg);display:flex}#preloader::after{content:"";width:42px;height:42px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spinner .75s linear infinite}.section-bg{background:rgba(99,102,241,.03)}body.light-mode .section-bg{background:rgba(79,70,229,.025)}.fade-in-up{animation:fadeInUp .6s ease forwards}.d-none{display:none!important}.d-flex,.d-lg-flex{display:flex!important}@media (max-width:1024px){.d-lg-flex,.d-none.d-lg-flex{display:none!important}}.row{display:flex;flex-wrap:wrap;margin:0-.75rem}.col-12,.col-lg-6{flex:0 0 50%;max-width:50%;padding:0 .75rem}.col-12{flex:0 0 100%;max-width:100%}@media (max-width:768px){.col-lg-6{flex:0 0 100%;max-width:100%}}[data-aos]{transition-property:opacity,transform}@media (max-width:480px){.section-title h2{font-size:1.75rem}.section-title p{font-size:.92rem}.timeline-content{padding:1rem 1.1rem}.timeline-content h4{font-size:.98rem}#portfolio-flters li{font-size:.75rem;padding:.45rem 1rem}.project-card{padding:1.25rem}.social-links a{width:40px;height:40px;font-size:1.1rem}.btn{font-size:.8rem;padding:.75rem 1.5rem}}@media (max-width:400px){#hero{padding-top:calc(3.5rem + 60px);padding-bottom:2.5rem}.hero-content>h1{font-size:1.75rem;letter-spacing:-.02em;margin-bottom:1rem}.hero-content>.hero-sub,.hero-content>p{font-size:.9rem;margin-bottom:1.5rem}.hero-content>.hero-actions{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:1.5rem}.hero-content>.hero-actions .btn{width:100%;max-width:none;padding:.8rem 1.2rem;font-size:.8rem;justify-content:center}.blog-card-title{font-size:.95rem}.blog-card-excerpt{font-size:.8rem}.blog-card-meta{font-size:.72rem}}a,button{-webkit-tap-highlight-color:transparent}@media (hover:none){.project-card:hover,.skill-card:hover,.social-links a:hover,.timeline-item:hover .timeline-content{transform:none}}.blog-hero-stats,.blog-stat{display:flex;align-items:center}.blog-hero-stats{gap:0;margin-top:2.5rem;background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:1.1rem 2rem;width:fit-content;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;gap:.5rem 0}.blog-stat{flex-direction:column;padding:0 2rem}.blog-stat-num{font-size:1.3rem;font-weight:800;color:var(--primary);line-height:1.1;letter-spacing:-.02em}.blog-stat-label{font-size:.72rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.blog-stat-divider{width:1px;height:2.2rem;background:var(--border);flex-shrink:0}@media (max-width:600px){.blog-hero-stats{padding:1rem .75rem;width:100%;justify-content:center}.blog-stat{padding:0 .75rem}}@media (max-width:400px){.blog-hero-stats{padding:.85rem .5rem;gap:.25rem 0;border-radius:14px}.blog-stat{padding:0 .5rem}.blog-stat-num{font-size:1.05rem}.blog-stat-label{font-size:.65rem}.blog-stat-divider{height:1.6rem}}.blog-category-tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.5rem}.blog-cat-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:var(--glass-bg, rgba(15, 23, 42, 0.55));border:1px solid var(--glass-border, rgba(255, 255, 255, 0.09));border-radius:99px;font-size:.82rem;font-weight:500;color:var(--text-secondary, #cbd5e1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.blog-cat-tag i{font-size:.75rem;color:var(--primary, #6366f1)}.blog-cat-tag:hover{background:var(--primary-soft, rgba(99, 102, 241, 0.12));border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}body.light-mode .blog-cat-tag{background:rgba(255,255,255,.8);border-color:rgba(148,163,184,.18);color:#475569}body.light-mode .blog-cat-tag:hover{background:rgba(79,70,229,.09);border-color:#4f46e5;color:#4f46e5}@media (max-width:540px){.blog-cat-tag{font-size:.75rem;padding:.35rem .8rem}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:1rem}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr;gap:1.25rem}}@media (max-width:400px){.blog-grid{gap:1rem}}.blog-card,.blog-card-thumb{position:relative;overflow:hidden}.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(99,102,241,.12),0 4px 16px rgba(0,0,0,.2);border-color:rgba(99,102,241,.25)}.blog-card-thumb{width:100%;display:block;aspect-ratio:16/9;background:#050814;flex-shrink:0;text-decoration:none}.blog-card-thumb>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.blog-card:hover .blog-card-thumb>img{transform:scale(1.06)}.blog-card-tag{position:absolute;top:.75rem;left:.75rem;background:var(--primary);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .65rem;border-radius:99px;backdrop-filter:blur(8px);z-index:2}.blog-card-thumb::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(3,7,18,.5),transparent);pointer-events:none}body.light-mode .blog-card-thumb::after{background:linear-gradient(to top,rgba(15,23,42,.15),transparent)}.blog-card-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}@media (max-width:400px){.blog-card-body{padding:1rem 1rem 1.25rem}}.blog-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.7rem;flex-wrap:wrap}.blog-card-meta i{font-size:.7rem}.meta-dot{color:var(--border);font-size:.9rem;line-height:1}.blog-card-title,.blog-state h3{font-weight:700;color:var(--heading)}.blog-card-excerpt,.blog-card-title{font-size:1.02rem;line-height:1.45;margin-bottom:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.blog-card-meta i,.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{font-size:.84rem;color:var(--text-muted);line-height:1.65;flex:1;margin-bottom:1.1rem;-webkit-line-clamp:3}.blog-card-link,.blog-state a{color:var(--primary);text-decoration:none}.blog-card-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;letter-spacing:.01em;transition:gap .2s ease,color .2s ease;margin-top:auto}.blog-card-link i{font-size:.75rem;transition:transform .2s ease}.blog-card-link:hover{gap:.75rem;color:var(--accent)}.blog-card-link:hover i{transform:translateX(3px)}.blog-loading,.blog-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center}.blog-loading{justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--text-muted);font-size:.9rem}.blog-loading .spinner{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.blog-state{text-align:center;padding:4rem 2rem;gap:.75rem}.blog-state i{font-size:3rem;color:var(--border);margin-bottom:.5rem}.blog-state h3{font-size:1.15rem}.blog-state p{font-size:.9rem;color:var(--text-muted)}.blog-state a{font-weight:600}.blog-state a:hover{text-decoration:underline}.blog-state--error i{color:rgba(239,68,68,.4)}.blog-grid .blog-pagination{grid-column:1/-1;display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:2rem 0 1rem}.blog-page-numbers{display:flex;gap:.35rem}.blog-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text-muted);font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .22s ease;line-height:1}.blog-page-btn:hover:not(:disabled):not(.active){background:rgba(99,102,241,.12);border-color:var(--primary);color:var(--primary-light);transform:translateY(-1px)}.blog-page-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4);cursor:default}.blog-page-btn:disabled{opacity:.35;cursor:not-allowed}.blog-page-next,.blog-page-prev{font-size:.8rem}.blog-page-info{font-size:.8rem;color:var(--text-muted);padding:0 .5rem;white-space:nowrap}@media (max-width:480px){.blog-page-info{display:none}.blog-page-btn{min-width:36px;height:36px;font-size:.8rem}}#post-read-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:rgba(255,255,255,.06)}.post-read-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .1s linear;border-radius:0 2px 2px 0}#post-hero{background:#0a0f1e;padding:100px 0 1rem;margin-top:0}.post-hero-content{max-width:860px}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.post-tag{display:inline-block;padding:.25rem .75rem;background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.45);border-radius:20px;font-size:.72rem;font-weight:700;color:#a5b4fc!important;letter-spacing:.05em;text-transform:uppercase}#post-title{font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:800;color:#fff!important;line-height:1.18;margin:0 0 1rem;letter-spacing:-.02em}.post-meta-row,.post-toc h3{display:flex;align-items:center}.post-meta-row{flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:rgba(255,255,255,.6)!important}.post-meta-row i{margin-right:.3rem;color:#818cf8}.post-cover-inline{display:flex;justify-content:center;margin:0 0 2rem}.post-cover-box{position:relative;width:100%;max-width:760px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px rgba(99,102,241,.15);background:#050814;flex-shrink:0}.post-cover-box>img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 6s ease}.post-cover-box .progressive-img-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.post-cover-box .progressive-img-wrapper img.img-high-res{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;position:relative}.post-cover-box .progressive-img-wrapper img.img-low-res{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.post-cover-box:hover .progressive-img-wrapper,.post-cover-box:hover>img{transform:scale(1.03)}.post-article{display:grid;grid-template-columns:1fr 240px;gap:3rem;align-items:start;padding-top:1rem;padding-bottom:4rem}.post-toc{position:sticky;top:90px;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem;order:2}.post-toc h3{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .875rem;gap:.4rem}#post-toc-nav{display:flex;flex-direction:column;gap:.25rem}.toc-link{font-size:.82rem;color:var(--text-muted);text-decoration:none;padding:.3rem .5rem;border-radius:6px;transition:all .2s ease;border-left:2px solid transparent;line-height:1.4}.toc-link:hover{color:var(--primary-light);background:rgba(99,102,241,.08)}.toc-link.toc-active{color:var(--primary-light);border-left-color:var(--primary);background:rgba(99,102,241,.1);font-weight:600}.toc-indent{padding-left:1.25rem;font-size:.78rem}.post-body{order:1;min-width:0;font-size:1.0625rem;line-height:1.85;color:var(--text);-webkit-user-select:text;user-select:text}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-heading);font-weight:700;color:var(--heading);margin:2.25rem 0 1rem;line-height:1.3;scroll-margin-top:90px}.post-body h2{font-size:1.6rem}.post-body h3{font-size:1.25rem}.post-body h4{font-size:1.05rem}.post-body p{margin:0 0 1.35rem}.post-body a{color:var(--primary-light);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.post-body a:hover{color:var(--accent)}.post-body code:not(.hljs){font-family:"Cascadia Code","Fira Code",monospace;font-size:.875em;background:rgba(99,102,241,.15);color:var(--primary-light);padding:.15em .45em;border-radius:5px;border:1px solid rgba(99,102,241,.2)}.post-body pre{background:#1a1d2e!important;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;font-family:"Cascadia Code","Fira Code",monospace;font-size:.88rem;line-height:1.7;position:relative}.post-body pre::before{content:"";display:block;width:.65rem;height:.65rem;border-radius:50%;background:rgba(99,102,241,.6);box-shadow:1.2rem 0 0 rgba(99,102,241,.4),2.4rem 0 0 rgba(99,102,241,.25);margin-bottom:1rem}.post-body pre code{background:0 0!important;padding:0;border:0;font-size:inherit;color:inherit}.post-body blockquote{border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1.5rem 0}.post-body blockquote,.post-callout{border-left:4px solid var(--primary);background:rgba(99,102,241,.07);color:var(--text);font-style:normal}.post-body blockquote p,.post-callout p{margin:0}.post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;border-radius:10px;overflow:hidden}.post-body th{background:rgba(99,102,241,.2);color:var(--heading);font-weight:700;text-align:left;padding:.75rem 1rem}.post-body td{padding:.65rem 1rem;border-bottom:1px solid var(--border);color:var(--text)}.post-body tr:last-child td{border-bottom:none}.post-body tr:nth-child(even) td{background:rgba(255,255,255,.02)}.post-body img,.post-figure img{max-width:100%;height:auto;border-radius:12px;display:block;margin:1.5rem auto;box-shadow:0 8px 32px rgba(0,0,0,.35)}.post-figure{margin:2rem 0;text-align:center}.post-figure figcaption,.post-video-embed figcaption{margin-top:.6rem;font-size:.82rem;color:var(--text-muted);font-style:italic}.post-body hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.post-body ol,.post-body ul{padding-left:1.75rem;margin:0 0 1.35rem}.post-body li,.post-error h2{margin-bottom:.5rem}.post-body strong{color:var(--heading);font-weight:700}.gist-embed{margin:1.5rem 0;border-radius:10px;overflow:hidden}.post-skeleton{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.skeleton-line{height:1rem;background:linear-gradient(90deg,var(--surface) 25%,rgba(99,102,241,.08) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line.w-60{width:60%}.skeleton-line.w-70{width:70%}.skeleton-line.w-80{width:80%}.skeleton-line.w-85{width:85%}.skeleton-line.w-95{width:95%}.post-error{text-align:center;padding:4rem 2rem}.post-error i{font-size:3rem;color:rgba(239,68,68,.5);display:block;margin-bottom:1rem}.post-error h2{font-size:1.5rem;color:var(--heading)}.post-error p{color:var(--text-muted);margin-bottom:1.5rem}.post-footer-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 0 4rem;border-top:1px solid var(--border)}.post-share,.post-share a{align-items:center;color:var(--text-muted)}.post-share{display:flex;gap:.75rem;font-size:.875rem}.post-share a{display:inline-flex;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);text-decoration:none;transition:all .25s ease;font-size:.9rem}.post-share a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}@media (max-width:900px){.post-article{grid-template-columns:1fr}.post-toc{order:-1;position:static;display:none}.post-body{order:1}#post-hero{padding:75px 0 1rem}.post-cover-box{border-radius:8px;max-width:100%;aspect-ratio:16/9}#post-title{font-size:1.6rem}}@media (max-width:600px){.post-footer-strip{flex-direction:column;align-items:flex-start}}.post-heading{scroll-margin-top:90px}.post-callout{display:flex;align-items:flex-start;gap:.85rem;border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;border:1px solid transparent}.post-callout--info{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3)}.post-callout--tip{background:rgba(16,185,129,.07);border-color:rgba(16,185,129,.3)}.post-callout--warning{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.3)}.callout-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem;line-height:1}.callout-body{font-size:.95rem;line-height:1.7;color:var(--text);flex:1;min-width:0}.callout-body p{margin:0}.post-code-block{margin:1.5rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(99,102,241,.2);background:#282c34;color-scheme:dark}.code-dots,.code-header{display:flex;align-items:center}.code-header{gap:.75rem;padding:.65rem 1rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(99,102,241,.12)}.code-dots{gap:5px;flex-shrink:0}.code-dots span{width:10px;height:10px;border-radius:50%;display:block}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-lang-label,.post-table th{font-weight:700;white-space:nowrap}.code-lang-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(171,178,191,.55);font-family:"Cascadia Code",monospace}.code-spacer{flex:1}.code-copy-btn,.code-try-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;border-radius:6px;cursor:pointer;font-family:var(--font-body);transition:all .2s ease;line-height:1}.code-copy-btn{border:1px solid rgba(99,102,241,.3);background:rgba(99,102,241,.12);color:rgba(139,148,214,.9)}.code-try-btn{border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.12);color:rgba(52,211,153,.9)}.code-try-btn:hover{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5);color:#34d399}.code-copy-btn:hover{background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5);color:#a5b4fc}.code-copy-btn.copied{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4);color:#34d399}.post-code-block pre{margin:0!important;padding:1.1rem 1.4rem!important;background:0 0!important;border:0!important;border-radius:0!important;overflow-x:auto}.post-code-block pre::before,.post-code-block::before{display:none!important}.post-code-block code.hljs,.post-code-block pre code{background:0 0!important;color:#abb2bf;font-family:"Cascadia Code","Fira Code",monospace;font-size:.875rem;line-height:1.72}.post-table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:12px;border:1px solid var(--border)}.post-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:400px}.post-table th{background:rgba(99,102,241,.18);color:var(--heading);text-align:left;padding:.75rem 1rem}.post-table td{padding:.65rem 1rem;border-top:1px solid var(--border);color:var(--text)}.post-table tr:hover td{background:rgba(99,102,241,.04)}.post-list{padding-left:1.75rem;margin:0 0 1.35rem}.post-list li{margin-bottom:.55rem;line-height:1.7}.post-video-embed{margin:2rem 0;text-align:center}.video-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.post-gist-embed{margin:1.5rem 0;border-radius:10px;overflow:hidden}.post-html-block{margin:1.5rem 0}.post-divider{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.how-to-steps{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.how-to-step{display:flex;gap:1.1rem;align-items:flex-start;padding:1.1rem 1.25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;transition:border-color .2s ease}.how-to-step:hover{border-color:rgba(99,102,241,.35)}.step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:.1rem;box-shadow:0 3px 10px rgba(99,102,241,.35)}.step-content{flex:1;min-width:0}.step-name{font-size:.95rem;font-weight:700;color:var(--heading);margin:0 0 .35rem}.step-body{font-size:.9rem;color:var(--text);margin:0;line-height:1.65}.faq-list{display:flex;flex-direction:column;gap:.6rem;margin:1.5rem 0}.faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:rgba(99,102,241,.4)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--heading);cursor:pointer;list-style:none;user-select:none;background:var(--card-bg);transition:background .18s}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.85rem;color:var(--primary-light);flex-shrink:0;transition:transform .25s ease}.faq-item[open] .faq-question::after{transform:rotate(180deg)}.faq-question:hover{background:rgba(99,102,241,.06)}.faq-answer{padding:0 1.25rem 1rem;font-size:.9rem;line-height:1.7;color:var(--text);border-top:1px solid var(--border);background:var(--card-bg)}.reference-block{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:1.1rem 1.25rem;border-radius:12px;text-decoration:none;background:var(--surface);border:1px solid var(--primary-soft);border-left:4px solid var(--primary);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.reference-block:hover{border-color:rgba(99,102,241,.4);box-shadow:0 6px 20px rgba(99,102,241,.18);transform:translateY(-2px)}.reference--external{border-left-color:var(--accent);border-left-width:4px}.reference-badge{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-strong);background:var(--primary-soft);padding:.18rem .55rem;border-radius:999px}.reference--external .reference-badge{color:#0e7490;background:rgba(34,211,238,.12)}.reference-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.reference-icon{color:var(--primary);font-size:.95rem}.reference--external .reference-icon{color:var(--accent)}.reference-title{color:var(--text);font-weight:700;font-size:1.02rem;line-height:1.4}.reference-readtime{margin-left:auto;font-size:.78rem;color:var(--text);opacity:.7}.reference-desc{margin:0;color:var(--text);font-size:.92rem;line-height:1.6;opacity:.92}.post-related-techniques{margin:3rem 0 1rem}.related-techniques{border-top:1px solid var(--primary-soft);padding-top:2rem}.related-heading{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:1.25rem;color:var(--text)}.related-heading i,.tools-cat-title i{color:var(--primary)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.related-grid .reference-block{margin:0}.tools-hero{padding:2.5rem 0 1rem;text-align:center}.tools-hero h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,var(--text) 40%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:.75rem 0}.tools-hero .hero-sub{color:var(--muted);max-width:640px;margin:0 auto;font-size:1.02rem;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(34,211,238,.2);border-radius:999px;padding:.3rem .8rem}.tools-cat{margin:2.5rem 0 0;padding:0;scroll-margin-top:110px}.tools-cat-title{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:800;color:var(--text);margin:0 0 1.25rem}.tools-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tool-card,.tools-search input{border:1px solid var(--surface-border);background:var(--surface)}.tool-card{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;padding:1.15rem 1.25rem;border-radius:var(--radius-card);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.tool-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow)}.tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.25rem;margin-bottom:.35rem}.tool-name{color:var(--text);font-weight:700;font-size:1.02rem}.tool-desc{color:var(--muted);font-size:.85rem;line-height:1.4}.tool-card--soon{opacity:.85;cursor:not-allowed}.tool-card--soon .tool-icon{background:rgba(148,163,184,.15);color:var(--muted)}.tool-badge{align-self:flex-start;margin-top:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);padding:.18rem .55rem;border-radius:999px}.tools-search{position:relative;margin:1.75rem auto 0;max-width:440px}.tools-search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.95rem}.tools-search input{width:100%;padding:.8rem 1rem .8rem 2.7rem;border-radius:999px;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.tools-search input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tools-empty{display:none;text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:.95rem}.tools-empty.is-visible{display:block}.drop-remove-btn,.drop-selected-card{display:flex;align-items:center;justify-content:center}.drop-selected-card{flex-direction:column;gap:.65rem;width:100%;padding:.5rem}.drop-selected-card.hidden{display:none!important}.drop-remove-btn{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--surface, #1e293b);border:1px solid var(--surface-border, rgba(255,255,255,0.15));color:var(--muted, #94a3b8);font-size:1.25rem;line-height:1;cursor:pointer;transition:color .15s,background .15s,border-color .15s;z-index:10}.drop-remove-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.dropzone-file-icon{font-size:2.75rem;color:var(--primary, #6366f1);margin-bottom:.25rem}.dropzone-file-icon.hidden,.tool-file-preview.hidden{display:none!important}.tool-selected-file{margin:.5rem auto 0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--accent, #38bdf8);text-align:center}.tool-file-preview{display:block;max-width:180px;max-height:130px;margin:.5rem auto 0;border-radius:10px;border:1px solid var(--surface-border, rgba(255,255,255,0.12));box-shadow:0 4px 12px rgba(0,0,0,.3)}.controls-row,.ctrl-grid,.form-row{display:flex!important;flex-wrap:wrap!important;gap:1.25rem!important;align-items:flex-end!important;width:100%!important}.control-group,.ctrl,.form-group{display:flex!important;flex-direction:column!important;gap:.4rem!important;flex:1!important;min-width:160px!important}.control-group>label,.ctrl>label,.form-group>label{font-size:.82rem!important;font-weight:600!important;color:var(--muted, #94a3b8)!important}.control-group input[type=number],.control-group input[type=text],.control-group select,.ctrl input[type=number],.ctrl input[type=text],.ctrl select,.form-group input[type=number],.form-group input[type=text],.form-group select{background:var(--bg, #0f172a)!important;color:var(--text, #f8fafc)!important;border:1px solid var(--surface-border, rgba(255,255,255,0.12))!important;border-radius:10px!important;padding:.6rem .85rem!important;font-size:.92rem!important;height:42px!important;width:100%!important}.control-group select,.ctrl select,.form-group select,select,select.tool-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:36px!important;cursor:pointer!important}body.light-mode .control-group select,body.light-mode .ctrl select,body.light-mode .form-group select,body.light-mode select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important}.control-group select:focus,.ctrl select:focus,.form-group select:focus,select:focus{border-color:var(--primary, #6366f1)!important;box-shadow:0 0 0 3px var(--primary-glow, rgba(99,102,241,0.18))!important;outline:0!important}.control-group input[type=number],.ctrl input[type=number],.form-group input[type=number],input[type=number]{-moz-appearance:textfield!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.ctrl-number-wrap{position:relative;display:flex;width:100%}.ctrl-number-wrap input[type=number]{padding-right:32px!important}.ctrl-number-spinner{position:absolute;right:1px;top:1px;bottom:1px;width:30px;display:flex;flex-direction:column;border-radius:0 9px 9px 0;overflow:hidden;background:var(--surface-border, rgba(255,255,255,0.07))}.ctrl-number-spinner button{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:0;color:var(--muted, #94a3b8);cursor:pointer;font-size:10px;padding:0;line-height:1;transition:background .15s,color .15s}.ctrl-number-spinner button:hover{background:var(--primary-soft, rgba(99,102,241,0.12));color:var(--primary, #6366f1)}.ctrl-number-spinner button:active{background:var(--primary-glow, rgba(99,102,241,0.25))}body.light-mode .ctrl-number-spinner{background:rgba(148,163,184,.12)}body.light-mode .ctrl-number-spinner button{color:#475569}body.light-mode .ctrl-number-spinner button:hover{color:#4f46e5}.control-group input[type=number]:focus,.control-group textarea:focus,.ctrl input[type=number]:focus,.ctrl textarea:focus,.form-group input[type=number]:focus,.form-group textarea:focus,input[type=number]:focus,textarea:focus{border-color:var(--primary, #6366f1)!important;box-shadow:0 0 0 3px var(--primary-glow, rgba(99,102,241,0.18))!important;outline:0!important}input[type=checkbox]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:18px;height:18px;min-width:18px;border:2px solid var(--surface-border, rgba(255,255,255,0.15));border-radius:5px;background:var(--bg, #0f172a);cursor:pointer;position:relative;vertical-align:middle;transition:border-color .15s,background .15s}input[type=checkbox]:checked{background:var(--primary, #6366f1);border-color:var(--primary, #6366f1)}input[type=checkbox]:checked::after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus{box-shadow:0 0 0 3px var(--primary-glow, rgba(99,102,241,0.18));outline:0}body.light-mode input[type=checkbox]{border-color:rgba(148,163,184,.35);background:#fff}select option{background:var(--bg, #0f172a);color:var(--text, #f8fafc);padding:8px 12px}body.light-mode select option{background:#fff;color:#0f172a}select option:checked,select option:hover{background:var(--primary-soft, rgba(99,102,241,0.12));color:var(--primary, #6366f1)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--primary, #6366f1)!important;box-shadow:0 0 0 3px var(--primary-glow, rgba(99,102,241,0.18))!important;outline:0!important}input[type=color]{-webkit-appearance:none!important;appearance:none!important;border:2px solid var(--surface-border, rgba(255,255,255,0.12));border-radius:10px;padding:4px;cursor:pointer;height:42px;width:100%;background:var(--bg, #0f172a)}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=color]:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px var(--primary-glow, rgba(99,102,241,0.18));outline:0}.post-quote{border-left:4px solid var(--primary);background:rgba(99,102,241,.06);border-radius:0 12px 12px 0;padding:1rem 1.5rem;margin:1.75rem 0;font-size:1.05rem;font-style:italic;color:var(--text);position:relative}.post-quote::before{content:"“";font-size:3rem;color:var(--primary);opacity:.3;position:absolute;top:-.5rem;left:.75rem;font-family:Georgia,serif;line-height:1}.post-quote cite{display:block;margin-top:.6rem;font-size:.82rem;font-style:normal;font-weight:600;color:var(--primary-light)}.progressive-img-wrapper{position:absolute;inset:0;overflow:hidden}.progressive-img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s ease,filter .6s ease}.progressive-img-wrapper img.img-high-res{z-index:1;opacity:1}.progressive-img-wrapper img.img-low-res{z-index:2;filter:blur(12px);opacity:1;transition:opacity .6s ease,filter .6s ease,transform .6s ease}.progressive-img-wrapper.loaded img.img-low-res{opacity:0;filter:blur(0);transform:scale(1)}.blog-card-thumb .progressive-img-wrapper{transition:transform .45s ease}.blog-card:hover .blog-card-thumb .progressive-img-wrapper{transform:scale(1.06)}.post-cover-box .progressive-img-wrapper{transition:transform 6s ease}html.compiler-active textarea:not(.CodeMirror textarea){white-space:pre!important;overflow-x:auto!important;word-wrap:normal!important;resize:none}html.compiler-active .CodeMirror textarea{display:block!important;position:absolute!important;left:-9999px!important;top:0!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;outline:0!important;background:0 0!important;resize:none!important}html.compiler-active [class$=-editor-label],html.compiler-active [class$=-output-label]{display:flex!important;align-items:center!important;gap:6px!important;font-size:.78rem!important;font-weight:500!important;color:var(--muted)!important;background:var(--surface)!important;border-bottom:1px solid var(--surface-border)!important;flex-shrink:0!important;min-height:36px!important;box-sizing:border-box!important}html.compiler-active .c-preview-label,html.compiler-active .c-tabs{padding:6px 14px!important}html.compiler-active .c-preview-label,html.compiler-active .c-tabs,html.compiler-active .compiler-tab-header{display:flex!important;align-items:center!important;gap:6px!important;font-size:.78rem!important;font-weight:500!important;color:var(--muted)!important;background:var(--surface)!important;border-bottom:1px solid var(--surface-border)!important;flex-shrink:0!important;min-height:36px!important;box-sizing:border-box!important}html.compiler-active .compiler-tab-header,html.compiler-active [class$=-editor-label],html.compiler-active [class$=-output-label]{padding:0 14px!important;border-bottom:none!important;position:relative!important}html.compiler-active .compiler-stats-icon{position:static!important;right:auto!important;top:auto!important;z-index:auto!important}html.compiler-active .compiler-tab-header .compiler-tabs,html.compiler-active [class$=-output-label] .compiler-tabs{margin:0-14px!important;border-bottom:none!important}.ln-wrap{position:absolute!important;inset:0!important;display:flex!important;flex-direction:row!important}.c-editor-area .ln-wrap{display:none!important}.c-editor-area .ln-wrap.active,.c-editor-area .ln-wrap:has(textarea.active){display:flex!important}.ln-gutter{flex:0 0 auto;width:48px;min-width:48px;overflow:hidden;text-align:right;padding:12px 8px 12px 0;margin:0;background:var(--surface, #0b1120);border-right:1px solid var(--surface-border, rgba(255,255,255,0.07));color:var(--muted, #6b7280);font:13px/1.6"Cascadia Code",monospace;user-select:none;pointer-events:none;white-space:pre;box-sizing:border-box}.ln-gutter-inner{will-change:transform}.ln-gutter div{height:1.6em}.ln-wrap>textarea{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;flex:1 1 auto;padding-left:12px!important;overflow-x:auto!important;white-space:pre!important;word-wrap:normal!important}.compiler-tab-header{padding:0!important;position:relative}.compiler-tabs{display:flex;width:100%;border-bottom:1px solid var(--surface-border)}.compiler-tab{flex:1;padding:10px;border:0;background:0 0;color:var(--muted);cursor:pointer;text-align:center;font-size:.8rem;font-weight:600;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s}.compiler-tab.active{color:var(--primary)!important;border-bottom-color:var(--primary)!important}.compiler-tab:hover{color:var(--text)}.compiler-input-area{flex:1;width:100%;padding:12px;margin:0;background:var(--bg);color:var(--text);border:0;outline:0;resize:none;font:13px/1.6"Cascadia Code",monospace}