:root{--primary-red:#FE2105;--bg-white:#FFFFFF;--bg-peach-light:#FFF2E1;--hover-peach:#FFC78A;--border-peach:#FFE0BD;--youtube-red:#FF0000;--insta-start:#FFC78A;--insta-end:#E1306C;--tiktok-black:#000000;--font-main:'Poppins', sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-main);background-color:var(--bg-white);}.main-header{width:100%;background:linear-gradient(to bottom, var(--bg-white), var(--bg-peach-light));border-bottom:1px solid var(--border-peach);position:fixed;top:0;left:0;z-index:1000;padding:0 20px;}.header-container{max-width:1200px;margin:0 auto;height:80px;display:flex;justify-content:space-between;align-items:center;}.logo-area{margin-left:0;}.site-logo{height:60px;width:auto;object-fit:contain;display:block;}.main-nav{flex-grow:1;display:flex;justify-content:flex-end;margin-right:40px;}.nav-menu{list-style:none;display:flex;gap:30px;}.nav-link{text-decoration:none;color:var(--primary-red);font-weight:500;font-size:14px;text-transform:uppercase;transition:color 0.3s ease;display:flex;align-items:center;gap:8px;}.nav-link i{font-size:16px;opacity:0.8;}.nav-link:hover{color:var(--hover-peach);}.social-icons{display:flex;gap:15px;align-items:center;}.social-link{font-size:20px;text-decoration:none;transition:transform 0.2s ease, opacity 0.2s ease;}.social-link:hover{transform:scale(1.1);opacity:0.8;}.social-link.youtube{color:var(--youtube-red);}.social-link.instagram{background:linear-gradient(45deg, var(--insta-start), var(--insta-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.social-link.tiktok{color:var(--tiktok-black);}@keyframes blink{0%, 100%{opacity:1;}50%{opacity:0.4;}}.blink-o{display:inline-block;animation:blink 1.5s infinite ease-in-out;}.optimum-about{padding:100px 20px 150px;background:linear-gradient(135deg, var(--bg-peach-light), var(--bg-white));position:relative;overflow:visible;width:100%;}.optimum-about::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle, #FE2105 1px, transparent 1px), radial-gradient(circle, #FFC78A 1.5px, transparent 1.5px);background-size:40px 40px, 60px 60px;background-position:0 0, 20px 20px;opacity:0.15;z-index:1;}.opt-container{max-width:1300px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;padding:60px 5% !important;position:relative !important;z-index:2 !important;}.opt-image-col{flex:0 0 45% !important;max-width:45% !important;position:static !important;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.15)) !important;z-index:10 !important;}.cute-frame{position:relative;padding:15px;background-color:#FE2105;border-radius:25px;box-shadow:0 20px 50px rgba(254, 33, 5, 0.25);display:inline-block;width:100%;}.cute-frame::after{content:'✨';position:absolute;right:-30px;bottom:20px;font-size:30px;animation:blink 2s infinite alternate;}.cute-frame::before{content:'❤';position:absolute;color:white;background-color:#FE2105;padding:5px 8px;border-radius:50%;font-size:20px;top:-15px;left:20px;box-shadow:0 4px 10px rgba(0,0,0,0.2);z-index:5;}.cute-frame-star{position:absolute;top:-10px;right:20px;color:white;font-size:22px;z-index:5;}.about-image{width:100%;border-radius:15px;display:block;}.opt-text-col{flex:1 !important;background:#FFFFFF !important;border-radius:30px !important;box-shadow:0 10px 40px rgba(0,0,0,0.08) !important;padding:40px !important;text-align:left !important;position:relative !important;z-index:5 !important;}.opt-title{font-size:30px !important;font-weight:800 !important;color:var(--primary-red) !important;margin-bottom:20px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:15px !important;text-transform:uppercase !important;opacity:0;}.opt-description{font-size:18px !important;line-height:1.6 !important;color:#222222 !important;font-weight:500 !important;margin-bottom:30px !important;}.opt-description b{font-weight:800;color:inherit;}.cute-separator{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:25px;}.cute-separator::before, .cute-separator::after{content:'';height:1px;width:50px;background:repeating-linear-gradient(to right, var(--primary-red), var(--primary-red) 2px, transparent 2px, transparent 4px);}.btn-wrapper{display:flex;justify-content:flex-start;width:100%;}.btn-cute{display:inline-block !important;background-color:var(--primary-red) !important;color:white !important;padding:14px 35px !important;border-radius:50px !important;text-decoration:none !important;font-weight:600 !important;text-transform:uppercase !important;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;box-shadow:0 8px 20px rgba(254, 33, 5, 0.2) !important;}.btn-cute:hover{background-color:#ff4a36;transform:scale(1.05);box-shadow:0 12px 25px rgba(254, 33, 5, 0.4);}@keyframes titleReveal{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes sectionLoad{from{opacity:0;}to{opacity:1;}}.animated{animation:sectionLoad 1s ease-out forwards;}.optimum-about.animated .opt-title{animation:titleReveal 0.8s ease-out 0.5s forwards;}.optimum-about.animated .opt-description{animation:titleReveal 0.8s ease-out 0.8s forwards;opacity:0;}.optimum-about.animated .btn-cute{animation:titleReveal 0.8s ease-out 1.1s forwards;opacity:0;}@media (max-width:992px){.optimum-about{padding-bottom:80px;}.opt-container{display:flex;flex-direction:column;align-items:center;text-align:center;}.opt-image-col{position:static;width:100%;max-width:500px;transform:rotate(0);margin-bottom:40px;}.opt-text-col{width:100%;padding-left:0;text-align:center;}.opt-title{justify-content:center;font-size:28px;}.cute-separator{justify-content:center;}}.member-section{padding:80px 20px;background:linear-gradient(180deg, var(--bg-white), var(--bg-peach-light));position:relative;overflow:hidden;}.member-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:0 5%;}.member-container.reverse{flex-direction:row-reverse;}.member-text-col{flex:1;text-align:left;background:#FFFFFF !important;border-radius:30px !important;padding:40px !important;box-shadow:0 10px 40px rgba(0,0,0,0.08) !important;z-index:5 !important;}.member-image-col{flex:0 0 500px;max-width:500px;display:flex;justify-content:center;}.member-title{font-size:32px;font-weight:700;color:var(--primary-red);margin-bottom:20px;display:flex;align-items:center;gap:15px;}.blinking-star-small{animation:blink 1.5s infinite alternate;font-size:18px;color:var(--primary-red);}.member-separator{display:flex;align-items:center;gap:10px;margin-bottom:25px;}.member-separator::before{content:'';height:1px;width:60px;background:repeating-linear-gradient(to right, var(--primary-red), var(--primary-red) 2px, transparent 2px, transparent 4px);}.member-separator i{color:var(--primary-red);font-size:12px;}.member-description{font-size:18px;line-height:1.7;color:#333333;font-weight:500;}.member-description b{color:var(--primary-red);font-weight:700;}.member-carousel-frame{position:relative;padding:12px;background-color:var(--primary-red);border-radius:20px;box-shadow:0 15px 40px rgba(254, 33, 5, 0.2);width:100%;overflow:hidden;}.carousel-container{width:100%;height:500px;position:relative;border-radius:12px;overflow:hidden;}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out !important;display:flex;justify-content:center;align-items:center;}.carousel-slide.active{opacity:1 !important;z-index:10 !important;}.carousel-slide img{width:100%;height:100%;object-fit:cover;}.frame-deco{position:absolute;color:white;font-size:20px;z-index:10;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.2));}.heart-top{top:-10px;left:20px;}.star-bottom{bottom:10px;right:20px;}@media (max-width:992px){.member-container, .member-container.reverse{flex-direction:column-reverse;text-align:center;}.member-text-col{width:100%;}.member-image-col{max-width:100%;width:100%;}.member-title, .member-separator{justify-content:center;}}

/* Sticky Header & UX Optimizations */.main-header{transition:all 0.3s ease-in-out;}.main-header.header-scrolled{background:rgba(255,255,255,0.9) !important;backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,0.05);}.main-header.header-scrolled .header-container{height:65px;}.main-header.header-scrolled .site-logo{height:45px;}.nav-link{transition:color 0.3s ease, transform 0.2s ease;}.nav-link.active{color:var(--primary-red) !important;font-weight:700;transform:scale(1.05);}
html{scroll-behavior:smooth;}