@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-primary: #00796B;--brand-secondary: #1A237E;--brand-accent: #F59E0B;--brand-light: #F0FDFA}.hero-transition-container{display:flex;min-height:calc(100vh - 80px);justify-content:space-around;align-items:center;color:#fff;animation:expand 1s cubic-bezier(.215,.61,.355,1) forwards;background-color:var(--brand-primary);position:relative;overflow:hidden;font-family:Inter,sans-serif}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;z-index:0;background:radial-gradient(circle at top right,var(--brand-accent),transparent 70%);opacity:.15}.hero-content{width:50%;z-index:10;padding:2rem}.hero-content-inner{width:100%;max-width:600px;margin-left:auto;margin-right:2rem}.hero-outer-img{width:50%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:10;padding:2rem}.hero-img{width:100%;max-width:600px;height:auto;object-fit:cover;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;animation:slideIn 1.2s cubic-bezier(.215,.61,.355,1) forwards;transform-origin:center right}.hero-par{height:auto;overflow:hidden;margin-bottom:2.5rem}.hero-par p{line-height:1.6;transform:translateY(100%);animation:slideUp .8s cubic-bezier(.215,.61,.355,1) forwards .6s;font-size:1.25rem;opacity:0}.hero-btns{height:auto;position:relative;width:100%;overflow:hidden;display:flex;gap:1rem;padding-bottom:1rem}.hero-btns-more{transform:translateY(100%);opacity:0;animation:slideUp .8s cubic-bezier(.215,.61,.355,1) forwards .8s}.hero-title{overflow:hidden;height:auto;margin-bottom:1.5rem}.hero-title h1{font-size:3.5rem;font-weight:900;line-height:1.1;color:#fff;transform:translateY(100%);animation:slideUp .8s cubic-bezier(.215,.61,.355,1) forwards .4s;opacity:0}@keyframes slideIn{0%{transform:translate(100px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expand{0%{clip-path:circle(0% at 100% 50%)}to{clip-path:circle(150% at 100% 50%)}}@media(max-width:1024px){.hero-title h1{font-size:2.5rem}}@media(max-width:768px){.hero-transition-container{flex-direction:column;padding:4rem 1rem;text-align:center;height:auto;min-height:auto}.hero-content{width:100%;padding:0;margin-bottom:3rem}.hero-content-inner{margin:0 auto;width:100%}.hero-outer-img{width:100%;padding:0}.hero-btns{justify-content:center;flex-wrap:wrap}.hero-img{max-width:100%}}