/* Minified Google Cloud Skills Boost Styles */
:root{--google-blue:#1a73e8;--google-green:#34a853;--google-red:#ea4335;--google-yellow:#fbbc04;--google-gray-50:#f8f9fa;--google-gray-100:#f1f3f4;--google-gray-200:#e8eaed;--google-gray-300:#dadce0;--google-gray-400:#bdc1c6;--google-gray-500:#9aa0a6;--google-gray-600:#80868b;--google-gray-700:#5f6368;--google-gray-800:#3c4043;--google-gray-900:#202124;--google-white:#ffffff;--google-black:#000000;--google-font-primary:'Google Sans','Roboto',sans-serif;--google-font-secondary:'Roboto',sans-serif;--google-shadow-sm:0 1px 3px rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15);--google-shadow-md:0 2px 6px rgba(60,64,67,0.3),0 8px 16px 3px rgba(60,64,67,0.25);--google-shadow-lg:0 4px 12px rgba(60,64,67,0.3),0 16px 32px 3px rgba(60,64,67,0.25);--google-radius-sm:4px;--google-radius-md:8px;--google-radius-lg:12px;--google-radius-xl:16px;--google-spacing-xs:4px;--google-spacing-sm:8px;--google-spacing-md:16px;--google-spacing-lg:24px;--google-spacing-xl:32px;--google-spacing-2xl:48px;--google-spacing-3xl:64px}

body{font-family:var(--google-font-secondary);line-height:1.6;color:var(--google-gray-800);background-color:var(--google-white)}

h1,h2,h3,h4,h5,h6{font-family:var(--google-font-primary);font-weight:400;line-height:1.3;color:var(--google-gray-900)}

.btn{display:inline-block;padding:12px 24px;border:none;border-radius:var(--google-radius-sm);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;font-family:var(--google-font-primary)}

.btn-primary{background:var(--google-blue);color:white}

.btn-primary:hover{background:#1557d8;transform:translateY(-1px);box-shadow:var(--google-shadow-md)}

.card{background:var(--google-white);border-radius:var(--google-radius-md);box-shadow:var(--google-shadow-md);border:1px solid var(--google-gray-200)}

.container{max-width:1200px;margin:0 auto;padding:0 20px}

.section{padding:60px 0}

.section-white{background-color:var(--google-white)}

.section-gray{background-color:var(--google-gray-50)}

.grid{display:grid;gap:var(--google-spacing-lg)}

.grid-2{grid-template-columns:repeat(2,1fr)}

.grid-3{grid-template-columns:repeat(3,1fr)}

.grid-4{grid-template-columns:repeat(4,1fr)}

.text-center{text-align:center}

@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:40px 0}.container{padding:0 16px}}
