:root{--ms-blue: #29b5e8;--ms-blue-hover: #1398c7;--ms-blue-dark: #0b5cab;--ms-white: #ffffff;--ms-gray-50: #f7fbff;--ms-gray-100: #eef6ff;--ms-gray-200: #dfe8f5;--ms-gray-300: #c8d5ea;--ms-gray-400: #9aaeca;--ms-gray-500: #7289a8;--ms-gray-600: #4f6888;--ms-gray-700: #324a69;--ms-gray-800: #1e3657;--ms-gray-900: #102844;--ms-accent: #29b5e8;--ms-accent-hover: #1398c7;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;--border-radius: 8px;--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 10px 28px rgba(16, 40, 68, .12);--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:40px 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}}