/* style.css - obfuscated */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500&display=swap');

:root{--ms-blue:#0078d4}

*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}

.tailwind-ready .hero-bg{background:linear-gradient(135deg,#0078d4 0%,#00a4ef 100%)}

.step-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.step-card:hover{transform:translateY(-4px);box-shadow:25px 25px 50px -12px rgb(0 120 212 / .15)}

.modal-content{animation:modalPop .3s ease forwards}
@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}

.screenshot-thumb{transition:all .3s ease}
.screenshot-thumb:hover{transform:scale(1.05);filter:brightness(1.1)}

/* Sidebar */
.sidebar-link{transition:all .2s cubic-bezier(.4,0,.2,1)}
.sidebar-link:hover{background-color:#f8fafc}
.dark .sidebar-link:hover{background-color:#1f2937}
.sidebar-link.active{background-color:#eff6ff;color:#0078d4;border-left:4px solid #0078d4}
.dark .sidebar-link.active{background-color:#1e3a8a;color:#60a5fa;border-left:4px solid #60a5fa}

/* Mobile menu */
#mm{transform:translateX(-100%);transition:transform .4s cubic-bezier(.32,.72,0,1)}
#mm.open{transform:translateX(0)}

.main-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0078d4 #f1f5f9}
.dark .main-content{scrollbar-color:#60a5fa #27272a}

@media (max-width:640px){.screenshot-thumb{width:100%!important;max-width:320px;margin:16px auto 0;display:block}
.step-card>div{flex-direction:column;gap:20px}
.hero-bg h1{font-size:2.75rem;line-height:1.05}}
@media (max-width:480px){.hero-bg h1{font-size:2.5rem}}