:root{--ms-blue: #0078d4;--ms-blue-hover: #106ebe;--ms-blue-dark: #005a9e;--ms-white: #ffffff;--ms-gray-50: #faf9f8;--ms-gray-100: #f3f2f1;--ms-gray-200: #edebe9;--ms-gray-300: #e1dfdd;--ms-gray-400: #d2d0ce;--ms-gray-500: #c8c6c4;--ms-gray-600: #a19f9d;--ms-gray-700: #605e5c;--ms-gray-800: #323130;--ms-gray-900: #201f1e;--ms-accent: #0078d4;--ms-accent-hover: #106ebe;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;--border-radius: 4px;--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:14px;line-height:1.6;color:var(--ms-gray-800);background-color:var(--ms-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--ms-gray-900);margin-bottom:1rem}h1{font-size:2.5rem;font-weight:600}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{margin-bottom:1rem;color:var(--ms-gray-700)}.btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:var(--transition);text-align:center}.btn-primary{background-color:var(--ms-blue);color:var(--ms-white)}.btn-primary:hover{background-color:var(--ms-blue-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--ms-blue);border:1px solid var(--ms-blue)}.btn-secondary:hover{background-color:var(--ms-blue);color:var(--ms-white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.card{background:var(--ms-white);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);transition:var(--transition);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.container{padding:0 16px}.section{padding:60px 0}h1{font-size:2rem}h2{font-size:1.5rem}}