.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);background-image:url(/goldenGateBridge.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;color:#fff;position:relative;overflow:hidden;background-color:#1e293b}@media(max-width:1024px)and (min-width:769px){.hero{padding-top:100px;min-height:calc(100vh - 100px)}}@media(max-width:768px){.hero{padding-top:120px;min-height:calc(100vh - 120px);background-attachment:scroll}}@media(max-width:640px){.hero{padding-top:80px;min-height:calc(100vh - 80px)}}.hero:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.hero:after,.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.hero:after{background:linear-gradient(135deg,rgba(15,23,42,.3),rgba(59,130,246,.2),rgba(251,191,36,.1));z-index:0;display:block}.hero-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem;padding:3rem 1.5rem}}@media(max-width:640px){.hero-container{padding:1.5rem 1rem;gap:1.5rem}}.hero-content{background:rgba(15,23,42,.85);padding:2rem;border-radius:.75rem;backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;z-index:2}@media(max-width:1024px)and (min-width:769px){.hero-content{margin-top:2rem;margin-bottom:2rem}}@media(max-width:768px){.hero-content{padding:2rem;max-width:90%;margin:3rem 1.5rem}}@media(max-width:640px){.hero-content{padding:1.5rem;max-width:95%;margin:1rem 1rem 1.5rem}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}@media(max-width:768px){.hero-title{font-size:2.25rem;line-height:1.2}}@media(max-width:640px){.hero-title{font-size:1.875rem;line-height:1.3}}.highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:700;text-shadow:none;white-space:nowrap;display:inline-block}@media(max-width:640px){.highlight{white-space:normal}}.hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.3);color:#f8fafc}@media(max-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-description{font-size:1.125rem;margin-bottom:2rem;opacity:.8;line-height:1.7;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.hero-description{font-size:1rem}}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.hero-buttons{gap:1.5rem;justify-content:center}}@media(max-width:640px){.hero-buttons{flex-direction:column;align-items:center;gap:1rem}}.hero-social{display:flex;gap:1rem;justify-content:flex-start}@media(max-width:768px){.hero-social{gap:1.5rem;justify-content:center}}.social-link{width:50px;height:50px;background:hsla(0,0%,100%,.15);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2)}.social-link:hover{background:linear-gradient(135deg,#475569,#3b82f6);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.3)}.social-link i{font-size:1.125rem}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image-container{width:300px;height:300px;border-radius:9999px;overflow:hidden;border:3px solid rgba(0,0,0,0);background-color:#f1f5f9;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-clip:padding-box;box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 3px linear-gradient(135deg,#475569,#3b82f6);backdrop-filter:blur(8px);position:relative;transition:all .3s ease}.hero-image-container:hover{transform:scale(1.02);box-shadow:0 25px 50px rgba(245,158,11,.2),0 0 0 3px linear-gradient(135deg,#475569,#3b82f6)}@media(max-width:768px){.hero-image-container{width:250px;height:250px}}@media(max-width:640px){.hero-image-container{width:200px;height:200px}}.hero-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));z-index:1;pointer-events:none}.hero-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transition:transform .3s ease}.hero-photo:hover{transform:scale(1.05)}