@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF7A59;--primary-light: #FF9377;--primary-dark: #FF6242;--secondary: #FF8C6B;--gradient-start: #FF7A59;--gradient-end: #FF9377;--gradient-overlay: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);--white: #FFFFFF;--light-gray: #F5F5F5;--gray: #E0E0E0;--dark-gray: #757575;--text-primary: #212121;--text-secondary: #616161;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(255, 122, 89, .3);--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--light-gray);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{font-family:var(--font-body);border:none;cursor:pointer;transition:var(--transition-normal)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-compact{padding:var(--spacing-xl) 0}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal);cursor:pointer;border:none}.btn-primary{background:var(--gradient-overlay);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);border:1px solid var(--glass-border)}.btn-glass:hover{background:#fff3;transform:translateY(-2px)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-gradient{background:var(--gradient-overlay);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes backgroundFloat{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff7a5966}50%{box-shadow:0 0 40px #ff7a59cc}}@keyframes wave{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(10px) translate(5px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes tiltIn{0%{opacity:0;transform:perspective(1000px) rotateX(-90deg)}to{opacity:1;transform:perspective(1000px) rotateX(0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes blobMorph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-slideDown{animation:slideDown .6s ease-out}.animate-scaleIn{animation:scaleIn .5s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotateIn{animation:rotateIn .8s cubic-bezier(.4,0,.2,1)}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-zoomIn{animation:zoomIn .5s cubic-bezier(.4,0,.2,1)}.animate-wave{animation:wave 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-tiltIn{animation:tiltIn .8s cubic-bezier(.4,0,.2,1)}.blob-morph{animation:blobMorph 8s ease-in-out infinite}.spin{animation:spin 1s linear infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.hover-glow{position:relative;transition:all .3s ease}.hover-glow:hover{filter:brightness(1.1);box-shadow:0 0 30px #ff7a5999}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-tilt{transition:transform .3s ease}.hover-tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.shimmer-effect{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.text-reveal{overflow:hidden;white-space:nowrap;animation:typing 1.5s steps(40,end)}.parallax{transition:transform .1s ease-out;will-change:transform}.magnetic{transition:transform .2s cubic-bezier(.4,0,.2,1)}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff9;pointer-events:none;animation:ripple .6s ease-out}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}.btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem}}
