:root{--google-blue: #4285f4;--google-red: #ea4335;--google-yellow: #fbbc04;--google-green: #34a853;--google-grey: #f8f9fa;--google-dark-grey: #5f6368}body{font-family:Google Sans,Roboto,sans-serif;background-color:#fafafa}.hero-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.hero-section{background-image:url(/images/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:80vh;display:flex;align-items:center}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0000004d,#0000001a);z-index:1}@media (max-width: 768px){.hero-section{min-height:70vh;background-position:center top}.hero-content h1{font-size:2.5rem;line-height:1.2}.hero-content p{font-size:1.125rem}}.google-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow .3s ease}.google-card:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.cta-button{background:var(--google-blue);color:#fff;padding:12px 24px;border-radius:24px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.cta-button:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.social-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--google-dark-grey);text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;font-size:20px}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.social-link.twitter:hover{color:#1da1f2}.social-link.facebook:hover{color:#1877f2}.social-link.linkedin:hover{color:#0077b5}.social-link.instagram:hover{color:#e4405f}.social-link.whatsapp:hover{color:#25d366}.hero-content{position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-content h1{text-shadow:0 4px 8px rgba(0,0,0,.7)}.hero-content p{text-shadow:0 2px 4px rgba(0,0,0,.6)}.gdg-logo{transition:all .3s ease;filter:none}.gdg-logo:hover{transform:scale(1.05);filter:brightness(1.1)}nav .gdg-logo{height:2.5rem;width:auto;max-width:200px}footer .gdg-logo{height:2.5rem;width:auto;max-width:200px;filter:brightness(0) invert(1)}footer .gdg-logo:hover{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(200deg);transform:scale(1.05)}