.app{min-height:100vh;background:var(--bg-gradient);overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-scrolled{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000014;padding:12px 0}.navbar-content{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:8px}.navbar-links a{position:relative;padding:10px 16px;color:var(--text-secondary);font-weight:500;font-size:.9375rem;border-radius:var(--radius-full);transition:all .3s ease;text-decoration:none}.navbar-links a:not(.navbar-cta):after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:all .3s ease;transform:translate(-50%);border-radius:var(--radius-full)}.navbar-links a:not(.navbar-cta):hover{color:var(--color-primary)}.navbar-links a:not(.navbar-cta):hover:after{width:60%}.navbar-cta{margin-left:16px;padding:10px 24px!important}.navbar-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:900px){.navbar-toggle{display:block}.navbar-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:center;gap:16px;padding:24px;box-shadow:-10px 0 40px #0000001a;transition:right .4s cubic-bezier(.4,0,.2,1)}.navbar-links.open{right:0}.navbar-cta{margin-left:0!important;margin-top:16px}}.banner{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#f8f9fa,#eef2f7)}.banner-ribbon-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.banner-ribbon{position:absolute;top:50%;left:50%;width:140%;max-width:none;transform:translate(-50%,-50%);opacity:.7;animation:ribbonFloat 8s ease-in-out infinite}.banner-ribbon-2{top:60%;transform:translate(-50%,-50%) scaleX(-1);opacity:.4;animation:ribbonFloat2 10s ease-in-out infinite}@keyframes ribbonFloat{0%,to{transform:translate(-50%,-50%) rotate(-2deg) scale(1)}50%{transform:translate(-50%,-52%) rotate(2deg) scale(1.02)}}@keyframes ribbonFloat2{0%,to{transform:translate(-50%,-50%) scaleX(-1) rotate(2deg)}50%{transform:translate(-50%,-48%) scaleX(-1) rotate(-2deg)}}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(248,249,250,.4) 70%);pointer-events:none}.banner-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:120px 40px 80px}.banner-logo{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.banner-logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.banner-motto{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:500;color:var(--text-primary);margin-bottom:24px;line-height:1.35}.banner-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;text-shadow:0 1px 2px rgba(255,255,255,.8);background:#ffffffb3;padding:20px 28px;border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.banner-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-mouse{width:28px;height:44px;border:2px solid var(--color-primary);border-radius:14px;display:flex;justify-content:center;padding-top:8px;opacity:.6}.scroll-wheel{width:4px;height:10px;background:var(--color-primary);border-radius:2px;animation:scrollWheel 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.animate-slide-down{animation:slideDown .8s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideUp .8s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0}.animate-fade-in-delay{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s forwards;opacity:0}.animate-fade-in-delay-2{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s forwards;opacity:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-glow:hover:before{left:100%}.btn-hover-slide{overflow:hidden}.btn-hover-slide svg{transition:transform .3s ease}.btn-hover-slide:hover svg{transform:translateY(3px);animation:arrowBounce 1s ease infinite}@keyframes arrowBounce{0%,to{transform:translateY(3px)}50%{transform:translateY(6px)}}.social-bar{background:var(--bg-secondary);padding:20px 0;border-bottom:1px solid var(--border-light)}.social-bar-content{display:flex;align-items:center;justify-content:center;gap:32px}.social-link{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-weight:500;padding:12px 24px;border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.social-link:hover{background:var(--bg-gradient-hero);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 25px #5bb5d626}.social-link svg{width:24px;height:24px;fill:currentColor;transition:transform .3s ease}.social-link:hover svg{transform:scale(1.15)}.section{opacity:1}.about-section{background:var(--bg-secondary)}.about-image{position:relative}.about-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:450px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.about-image:hover img{transform:scale(1.02) rotate(1deg)}.about-image:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));border-radius:var(--radius-xl);z-index:-1;opacity:.25;transition:all .4s ease}.about-image:hover:before{top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:.35}.content h2{margin-bottom:24px;position:relative;display:inline-block}.content h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width .4s ease}.content:hover h2:after{width:100px}.content p{margin-bottom:16px}.placeholder-text{background:linear-gradient(135deg,#5bb5d614,#e8a5c014);padding:28px;border-radius:var(--radius-md);border-left:4px solid;border-image:linear-gradient(180deg,var(--color-primary),var(--color-accent)) 1;color:var(--text-muted);font-style:italic;transition:all .3s ease}.placeholder-text:hover{transform:translate(8px);box-shadow:var(--shadow-md)}.services-section{background:var(--bg-primary)}.service-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.service-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #5bb5d626;border-color:var(--color-primary)}.service-card-image{height:260px;overflow:hidden;position:relative}.service-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .4s ease}.service-card:hover .service-card-image:after{opacity:1}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-card-image img{transform:scale(1.12)}.service-card-content{padding:32px;position:relative}.service-card-content:before{content:"";position:absolute;top:0;left:32px;right:32px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .4s ease;border-radius:var(--radius-full)}.service-card:hover .service-card-content:before{transform:scaleX(1)}.service-card-content h3{margin-bottom:12px;color:var(--text-primary);transition:color .3s ease}.service-card:hover .service-card-content h3{color:var(--color-primary)}.service-card-content p{color:var(--text-muted);font-size:.9375rem;line-height:1.7}.how-section{background:var(--bg-secondary)}.events-section{background:var(--bg-primary);position:relative;overflow:hidden}.event-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-md);border:2px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.event-card:hover:before{transform:scaleX(1)}.event-card:hover{border-color:var(--color-primary);box-shadow:0 15px 40px #5bb5d61f;transform:translateY(-6px)}.event-date{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;margin-bottom:20px;box-shadow:0 4px 15px #5bb5d64d}.event-card h3{margin-bottom:12px}.event-card p{margin-bottom:24px;color:var(--text-muted)}.events-cta-wrapper{display:flex;justify-content:center}.events-cta-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:48px 64px;box-shadow:var(--shadow-lg);text-align:center;border:2px solid var(--border-light);transition:all .4s ease;max-width:500px}.events-cta-card:hover{border-color:var(--color-primary);box-shadow:0 20px 50px #5bb5d626}.events-cta-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.events-cta-card h3{margin-bottom:16px;color:var(--text-primary)}.events-cta-card p{color:var(--text-muted);margin-bottom:28px;line-height:1.7}.events-cta-card .btn{display:inline-flex}@media(max-width:900px){.facebook-events-container{grid-template-columns:1fr}.facebook-events-embed iframe{width:100%;max-width:400px}}.qualifications-section{background:var(--bg-secondary)}.cert-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.cert-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.cert-item:hover{transform:scale(1.03) rotate(-1deg);box-shadow:0 15px 40px #5bb5d626;border-color:var(--color-primary)}.cert-item img{width:100%;border-radius:var(--radius-md);transition:filter .3s ease}.cert-item:hover img{filter:brightness(1.05)}.cert-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(135deg,var(--border-light),#E8E8E8);border-radius:var(--radius-md);color:var(--text-muted);font-style:italic;border:2px dashed var(--border-color)}.testimonials-section{background:var(--bg-primary);overflow:hidden}.testimonials-wrapper{position:relative;max-width:900px;margin:0 auto}.testimonial-slide{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:56px;box-shadow:0 20px 60px #00000014;text-align:center;display:none;border:1px solid var(--border-light)}.testimonial-slide.active{display:block;animation:slideIn .5s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.testimonial-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 28px;object-fit:cover;border:4px solid var(--color-primary);box-shadow:0 8px 25px #5bb5d640;transition:transform .3s ease}.testimonial-slide:hover .testimonial-avatar{transform:scale(1.05)}.testimonial-avatar-placeholder{width:110px;height:110px;border-radius:50%;margin:0 auto 28px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:#fff;font-weight:700;box-shadow:0 8px 25px #5bb5d640}.testimonial-quote{font-size:1.35rem;line-height:1.85;color:var(--text-secondary);margin-bottom:28px;font-style:italic;position:relative;padding:0 20px}.testimonial-quote:before,.testimonial-quote:after{font-size:4.5rem;color:var(--color-primary);opacity:.2;position:absolute;font-family:var(--font-heading);line-height:1}.testimonial-quote:before{content:'"';top:-15px;left:-10px}.testimonial-quote:after{content:'"';bottom:-40px;right:-10px}.testimonial-author{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.testimonial-role{color:var(--text-muted);font-size:.9rem}.testimonial-nav{display:flex;justify-content:center;gap:20px;margin-top:40px}.testimonial-nav button{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.testimonial-nav button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-gradient-hero);transform:scale(1.1);box-shadow:0 6px 20px #5bb5d633}.testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:28px}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:var(--border-light);border:none;cursor:pointer;transition:all .3s ease}.testimonial-dot:hover{background:var(--color-secondary)}.testimonial-dot.active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));transform:scale(1.3);box-shadow:0 3px 10px #5bb5d64d}.contact-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:contactGlow 10s linear infinite}@keyframes contactGlow{0%{transform:translate(0)}50%{transform:translate(25%,25%)}to{transform:translate(0)}}.contact-section h2{color:#fff;position:relative}.contact-section h2:after{background:#fff}.contact-section p{color:#ffffffe6;max-width:600px;margin:0 auto 48px;font-size:1.125rem;position:relative}.contact-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;position:relative}.contact-section .btn-primary{background:#fff;color:var(--color-primary);font-weight:600}.contact-section .btn-primary:hover{background:var(--bg-primary);transform:translateY(-4px);box-shadow:0 10px 30px #0003}.contact-section .btn-secondary{background:transparent;border-color:#fff9;color:#fff}.contact-section .btn-secondary:hover{background:#ffffff26;border-color:#fff}.footer{background:var(--text-primary);color:#ffffffb3;padding:48px 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:#fff}.footer-logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:32px}.footer-links a{color:#ffffffb3;transition:all .3s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-links a:hover:after{width:100%}.footer-copyright{font-size:.875rem;margin-top:16px;color:#ffffff80}@media(max-width:768px){.banner{min-height:auto;padding:120px 0 80px}.banner-ribbon{width:250%;opacity:.5}.banner-content{padding:40px 20px}.social-bar-content{flex-direction:column;gap:12px}.testimonial-slide{padding:36px 24px}.testimonial-quote{font-size:1.1rem}.contact-buttons{flex-direction:column;align-items:center}.scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.banner-ribbon{animation:none}}:root{--color-primary: #5BB5D6;--color-primary-light: #8CCCE6;--color-primary-dark: #3A9BC0;--color-secondary: #E8A5C0;--color-secondary-light: #F0C4D5;--color-secondary-dark: #D88AAB;--color-accent: #A695C8;--color-accent-light: #C4B8DA;--color-accent-dark: #8B7AB3;--color-gold: #D4C17C;--color-gold-light: #E5D9A8;--color-gold-dark: #BEA85F;--bg-primary: #F8F9FA;--bg-secondary: #FFFFFF;--bg-gradient: linear-gradient(135deg, #F8F9FA 0%, #EEF2F7 50%, #F5F0F8 100%);--bg-gradient-hero: linear-gradient(135deg, rgba(91, 181, 214, .1) 0%, rgba(232, 165, 192, .1) 50%, rgba(166, 149, 200, .1) 100%);--text-primary: #2D3748;--text-secondary: #4A5568;--text-muted: #718096;--text-white: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 40px rgba(91, 181, 214, .15);--border-light: #E2E8F0;--border-color: #CBD5E0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-full: 9999px;--section-padding: 80px 0;--container-width: 1200px;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,1.875rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:var(--text-secondary);line-height:1.75}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full)}.section-header p{max-width:600px;margin:0 auto;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--font-body);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--text-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--text-white)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image{border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px}.card-image img{width:100%;height:240px;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:60px 0}.section-header{margin-bottom:40px}}.flex-row{display:flex;align-items:center;gap:60px}.flex-row.reverse{flex-direction:row-reverse}.flex-row .content,.flex-row .image{flex:1}@media(max-width:768px){.flex-row,.flex-row.reverse{flex-direction:column;gap:40px}}.image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5bb5d633,#e8a5c033);opacity:0;transition:opacity var(--transition-normal);z-index:1}.image-wrapper:hover:before{opacity:1}.image-wrapper img{width:100%;height:100%;object-fit:cover}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));border-radius:inherit;z-index:-1}.ribbon-decoration{position:absolute;width:100%;height:200px;background:url(/images/tlo.webp) center/cover no-repeat;opacity:.3;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeInUp .6s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}