:root{--primary-dark: #0A1628;--primary: #1B2A4A;--primary-light: #2C3E6B;--accent-gold: #C8A950;--accent-gold-light: #D4AF37;--accent-gold-glow: rgba(200, 169, 80, .15);--accent-red: #B83242;--bg-white: #FFFFFF;--bg-light: #F7F8FC;--bg-soft: #EEF1F8;--text-dark: #1A1A2E;--text-body: #4A4A6A;--text-muted: #8892A8;--text-white: #FFFFFF;--border-light: #E4E8F0;--shadow-sm: 0 2px 8px rgba(10, 22, 40, .06);--shadow-md: 0 4px 20px rgba(10, 22, 40, .08);--shadow-lg: 0 8px 40px rgba(10, 22, 40, .12);--shadow-xl: 0 12px 60px rgba(10, 22, 40, .16);--shadow-gold: 0 4px 20px rgba(200, 169, 80, .25);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding: 100px 0;--container-width: 1200px;--nav-height: 80px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-body);background-color:var(--bg-white);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);line-height:1.3;font-weight:700}h1{font-size:clamp(2.2rem,4.5vw,3.5rem)}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-gold)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes particleFloat{0%{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(30px,-50px) rotate(90deg);opacity:.3}50%{transform:translate(-20px,-100px) rotate(180deg);opacity:.5}75%{transform:translate(40px,-150px) rotate(270deg);opacity:.2}to{transform:translateY(-200px) rotate(360deg);opacity:0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .8s ease,transform .8s ease}.reveal-right.active{opacity:1;transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.delay-7{transition-delay:.7s}.delay-8{transition-delay:.8s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all var(--transition-base);text-decoration:none;letter-spacing:.02em;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);color:var(--primary-dark);border-color:var(--accent-gold)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0%,var(--accent-gold) 100%);box-shadow:var(--shadow-gold);transform:translateY(-2px);color:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--text-white);border-color:#fff6}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-gold-outline{background:transparent;color:var(--accent-gold);border-color:var(--accent-gold)}.btn-gold-outline:hover{background:var(--accent-gold);color:var(--primary-dark);transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;transition:all var(--transition-base);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(228,232,240,.5)}.navbar.scrolled{background:#fffffff7;box-shadow:var(--shadow-md)}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.navbar-logo img{height:55px;width:auto;object-fit:contain}.navbar-logo-text{display:flex;flex-direction:column}.navbar-logo-text .brand-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--primary-dark);line-height:1.2;letter-spacing:.04em}.navbar-logo-text .brand-tagline{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.nav-links{display:flex;align-items:center;gap:1px;margin-left:-8px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:3px;padding:8px 9px;font-size:.82rem;font-weight:500;color:var(--text-dark);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--accent-gold);background:var(--accent-gold-glow)}.nav-link .arrow{font-size:.6rem;transition:transform var(--transition-fast)}.nav-item:hover .arrow,.nav-item.open .arrow{transform:rotate(180deg)}.dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);padding:8px;z-index:100}.nav-item:hover .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-link{display:block;padding:10px 16px;font-size:.88rem;color:var(--text-body);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:400}.dropdown-link:hover{background:var(--bg-soft);color:var(--accent-gold);padding-left:22px}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-toggle span{display:block;width:24px;height:2.5px;background:var(--text-dark);border-radius:2px;transition:all var(--transition-base)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:1024px){.mobile-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:var(--bg-white);flex-direction:column;align-items:flex-start;padding:100px 24px 24px;gap:0;box-shadow:var(--shadow-xl);transition:right var(--transition-base);overflow-y:auto}.nav-links.open{right:0}.nav-link{width:100%;padding:14px 16px}.dropdown{position:static;box-shadow:none;border:none;background:var(--bg-light);opacity:1;visibility:hidden;transform:none;max-height:0;overflow:hidden;transition:max-height var(--transition-base),visibility var(--transition-base);padding:0 8px;margin:0 0 0 16px;border-radius:var(--radius-sm)}.nav-item.open .dropdown{visibility:visible;max-height:500px;padding:8px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 40%,var(--primary-light) 100%)}.hero-particles{position:absolute;inset:0;overflow:hidden}.hero-particle{position:absolute;width:6px;height:6px;background:#c8a9504d;border-radius:50%;animation:particleFloat linear infinite}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(200,169,80,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(44,62,107,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(10,22,40,.3) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:120px 60px 40px;max-width:1200px;width:100%}.hero-text{flex:1;text-align:left;min-width:0}.hero-badge{display:inline-block;padding:8px 20px;background:#c8a95026;border:1px solid rgba(200,169,80,.3);border-radius:50px;font-size:.8rem;color:var(--accent-gold);font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;animation:fadeInUp .8s ease forwards}.hero h1{color:var(--text-white);margin-bottom:24px;animation:fadeInUp .8s ease .2s forwards;opacity:0;font-size:clamp(2.2rem,4vw,3.4rem)}.hero h1 .highlight{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:#ffffffbf;max-width:540px;margin:0 0 36px;line-height:1.8;animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero-buttons{display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap;animation:fadeInUp .8s ease .6s forwards;opacity:0}.hero-stats-bar{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:60px;padding:28px 24px;background:#0a16288c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(200,169,80,.15);animation:fadeInUp .8s ease .8s forwards;opacity:0}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--accent-gold);display:block}.hero-stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.hero-3d-container{flex-shrink:0;width:320px;height:400px;perspective:1200px;display:flex;align-items:center;justify-content:center;position:relative;animation:fadeInUp 1s ease .5s forwards;opacity:0}.hero-3d-book{--mouse-x: 0deg;--mouse-y: 0deg;width:220px;height:300px;position:relative;transform-style:preserve-3d;animation:bookFloat 6s ease-in-out infinite;transform:rotateY(calc(-28deg + var(--mouse-y))) rotateX(calc(6deg + var(--mouse-x)));transition:--mouse-x .4s ease,--mouse-y .4s ease}@property --mouse-x{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --mouse-y{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes bookFloat{0%,to{transform:rotateY(calc(-28deg + var(--mouse-y))) rotateX(calc(6deg + var(--mouse-x))) translateY(0)}50%{transform:rotateY(calc(-28deg + var(--mouse-y))) rotateX(calc(6deg + var(--mouse-x))) translateY(-18px)}}.book-face{position:absolute;backface-visibility:hidden}.book-front{width:220px;height:300px;background:linear-gradient(160deg,#1a2744,#0e1a30 60%,#1b2a4a);border-radius:0 8px 8px 0;transform:translateZ(18px);box-shadow:inset 0 0 60px #c8a9500f,0 0 40px #c8a95014;border:1.5px solid rgba(200,169,80,.2);border-left:none;overflow:hidden}.book-front-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 20px;position:relative}.book-cover-ornament{width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:2px;opacity:.6}.book-cover-ornament.top{margin-top:8px}.book-cover-ornament.bottom{margin-bottom:8px}.book-cover-content{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;justify-content:center}.book-cover-label{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-gold);opacity:.9}.book-cover-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--accent-gold-light);text-align:center;line-height:1.3;text-shadow:0 0 30px rgba(200,169,80,.3)}.book-cover-year{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.2em;color:#c8a95080}.book-spine{width:36px;height:300px;background:linear-gradient(180deg,#162035,#0d1525,#1a2744);transform:rotateY(-90deg) translateZ(2px);transform-origin:left center;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(200,169,80,.15);border-right:1px solid rgba(200,169,80,.1)}.book-spine-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);font-size:.65rem;letter-spacing:.25em;color:var(--accent-gold);opacity:.7;text-transform:uppercase}.book-pages{width:36px;height:290px;top:5px;right:-36px;background:repeating-linear-gradient(90deg,#f5f0e8,#ebe5d9,#f8f4ee 2px);transform:rotateY(90deg) translateZ(184px);transform-origin:left center;border-radius:0 2px 2px 0;box-shadow:inset -3px 0 8px #0000001a}.book-top{width:220px;height:36px;background:linear-gradient(180deg,#f2ece0,#e8e0d0);transform:rotateX(90deg) translateZ(0);transform-origin:top center;border-radius:0}.book-bottom{width:220px;height:36px;bottom:0;background:linear-gradient(180deg,#e0d8c8,#d5ccba);transform:rotateX(-90deg) translateZ(0);transform-origin:bottom center}.book-back{width:220px;height:300px;background:linear-gradient(160deg,#0e1a30,#162035);transform:translateZ(-18px);border-radius:0 8px 8px 0;border:1px solid rgba(200,169,80,.08);border-left:none}.book-shadow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.35) 0%,transparent 70%);border-radius:50%;filter:blur(8px);animation:shadowFloat 6s ease-in-out infinite}@keyframes shadowFloat{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:.4;transform:translate(-50%) scale(.85)}}@media(max-width:900px){.hero-content{flex-direction:column;text-align:center;padding:120px 24px 100px;gap:40px}.hero-text{text-align:center}.hero-subtitle{margin:0 auto 36px}.hero-buttons{justify-content:center}.hero-3d-container{width:260px;height:340px}.hero-3d-book,.book-front{width:180px;height:250px}.book-spine{height:250px;width:30px}.book-pages{height:240px;width:30px;transform:rotateY(90deg) translateZ(150px)}.book-top,.book-bottom{width:180px;height:30px}.book-back{width:180px;height:250px}.hero-stats-bar{gap:24px;padding:10px 8px}.hero-stat-number{font-size:1.5rem}.hero-stat-label{font-size:.7rem}}.section{padding:var(--section-padding)}.section-alt{background:var(--bg-light)}.section-dark{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--text-white)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:12px}.section-header h2{margin-bottom:16px}.section-header p{color:var(--text-muted);font-size:1.05rem}.section-dark .section-header h2{color:var(--text-white)}.section-dark .section-header p{color:#fff9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-card{background:var(--bg-white);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-base)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.about-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-gold-glow) 0%,rgba(200,169,80,.25) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:20px}.about-card h3{margin-bottom:12px;color:var(--primary)}.about-card p{color:var(--text-body);line-height:1.8}.timeline-container{position:relative;max-width:900px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-gold) 0%,var(--primary-light) 50%,var(--accent-gold) 100%);transform:translate(-50%);border-radius:2px}.timeline-item{display:flex;align-items:flex-start;position:relative;margin-bottom:30px;cursor:pointer}.timeline-item:nth-child(odd){flex-direction:row-reverse;text-align:right}.timeline-item:nth-child(odd) .timeline-content{margin-right:60px;margin-left:0}.timeline-item:nth-child(2n) .timeline-content{margin-left:60px}.timeline-node{position:absolute;left:50%;transform:translate(-50%);width:48px;height:48px;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--primary-dark);z-index:2;box-shadow:0 0 0 6px var(--bg-light),var(--shadow-gold);transition:all var(--transition-base)}.timeline-item:hover .timeline-node,.timeline-item.expanded .timeline-node{transform:translate(-50%) scale(1.15);box-shadow:0 0 0 8px var(--bg-light),0 0 30px #c8a95066}.timeline-content{flex:1;max-width:calc(50% - 60px);background:var(--bg-white);padding:28px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base);text-align:center}.timeline-item:hover .timeline-content,.timeline-item.expanded .timeline-content{box-shadow:var(--shadow-md);border-color:var(--accent-gold)}.timeline-content h4{color:var(--primary);margin-bottom:8px;font-family:var(--font-body);font-weight:600}.timeline-content p{font-size:.9rem;color:var(--text-muted);margin:0}.timeline-detail{border-top:1px solid var(--border-light);font-size:.88rem;color:var(--text-body);line-height:1.7;max-height:0;overflow:hidden;transition:max-height var(--transition-slow),margin var(--transition-base),padding var(--transition-base);margin-top:0;padding-top:0;border-top:none}.timeline-item.expanded .timeline-detail{max-height:300px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}@media(max-width:768px){.timeline-line{left:24px}.timeline-item,.timeline-item:nth-child(odd){flex-direction:row;text-align:left}.timeline-node{left:24px;position:absolute}.timeline-content,.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:70px;margin-right:0;max-width:calc(100% - 70px)}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.service-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:40px 32px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-gold) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:transform var(--transition-base);transform-origin:left}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.service-card-icon{width:56px;height:56px;background:var(--accent-gold-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.service-card h3{margin-bottom:12px;font-size:1.2rem}.service-card p{color:var(--text-muted);font-size:.92rem;margin-bottom:20px}.service-card .btn{padding:10px 24px;font-size:.85rem}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.activity-card{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.activity-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.activity-card-image{height:200px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--accent-gold);font-size:3rem;position:relative;overflow:hidden}.activity-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,40,.3) 0%,transparent 50%)}.activity-card-body{padding:24px}.activity-card-body h4{margin-bottom:8px;font-size:1.05rem}.activity-card-body p{font-size:.88rem;color:var(--text-muted);margin-bottom:16px}.activity-tag{display:inline-block;padding:4px 12px;background:var(--accent-gold-glow);color:var(--accent-gold);font-size:.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-white);border-radius:var(--radius-md);margin-bottom:12px;border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--accent-gold)}.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--text-dark);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);transition:color var(--transition-fast)}.faq-question:hover{color:var(--accent-gold)}.faq-icon{width:28px;height:28px;background:var(--bg-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all var(--transition-base);color:var(--text-muted)}.faq-item.open .faq-icon{background:var(--accent-gold);color:var(--primary-dark);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-item.open .faq-answer{max-height:400px}.faq-answer-inner{padding:0 24px 20px;color:var(--text-body);line-height:1.8;font-size:.92rem}.published-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.published-item{background:var(--bg-white);border-radius:var(--radius-md);padding:28px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);text-align:center}.published-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-gold)}.published-item-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px;color:var(--accent-gold)}.published-item h4{font-size:.95rem;margin-bottom:6px}.published-item p{font-size:.82rem;color:var(--text-muted);margin-bottom:0}.page-header{padding:140px 0 60px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,var(--primary-light) 100%);text-align:center;position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,var(--bg-white) 0%,transparent 100%)}.page-header h1{color:var(--text-white);margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.8rem)}.page-header p{color:#fff9;font-size:1.05rem;max-width:600px;margin:0 auto}.page-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:.82rem;color:#ffffff80}.page-breadcrumb a{color:var(--accent-gold);text-decoration:none}.form-section{max-width:700px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-dark);font-size:.9rem}.form-control{width:100%;padding:14px 18px;border:2px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text-dark);background:var(--bg-white);transition:all var(--transition-fast);outline:none}.form-control:focus{border-color:var(--accent-gold);box-shadow:0 0 0 4px var(--accent-gold-glow)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:120px}.form-error{color:var(--accent-red);font-size:.82rem;margin-top:6px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238892A8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.content-page{padding:40px 0 80px}.content-page .content-body{max-width:800px;margin:0 auto}.content-body h2{margin-top:40px;margin-bottom:16px;font-size:1.6rem;color:var(--primary);padding-bottom:8px;border-bottom:2px solid var(--accent-gold-glow)}.content-body h3{margin-top:28px;margin-bottom:12px;font-size:1.2rem}.content-body ul{margin-bottom:20px;padding-left:20px}.content-body ul li{position:relative;padding:6px 0 6px 20px;color:var(--text-body)}.content-body ul li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--accent-gold);border-radius:50%}.content-body blockquote{background:var(--bg-soft);border-left:4px solid var(--accent-gold);padding:20px 24px;margin:24px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-dark)}.tracker-container{max-width:700px;margin:40px auto 0;background:var(--bg-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.tracker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.tracker-id{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted)}.tracker-status-badge{padding:6px 14px;background:#10b9811a;color:#10b981;font-size:.78rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.tracker-steps{display:flex;align-items:center;justify-content:space-between;position:relative}.tracker-steps:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:3px;background:var(--border-light);border-radius:2px}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.tracker-step-dot{width:40px;height:40px;border-radius:50%;background:var(--bg-soft);border:3px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--transition-base)}.tracker-step.completed .tracker-step-dot{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--primary-dark)}.tracker-step.current .tracker-step-dot{background:var(--primary);border-color:var(--primary);color:var(--text-white);animation:pulse 2s infinite}.tracker-step-label{font-size:.7rem;color:var(--text-muted);text-align:center;max-width:80px;font-weight:500}.footer{background:var(--primary-dark);color:#ffffffb3;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-about .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-about .footer-logo img{height:48px;border-radius:8px}.footer-about .footer-logo span{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-white)}.footer-about p{font-size:.9rem;line-height:1.8;margin-bottom:20px}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1rem;transition:all var(--transition-fast);text-decoration:none}.footer-social a:hover{background:var(--accent-gold);color:var(--primary-dark);transform:translateY(-2px)}.footer-column h4{color:var(--text-white);font-family:var(--font-body);font-weight:600;font-size:.95rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:.08em}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#fff9;font-size:.88rem;text-decoration:none;transition:all var(--transition-fast)}.footer-column ul li a:hover{color:var(--accent-gold);padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.footer-bottom a{color:var(--accent-gold)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media(max-width:992px){:root{--section-padding: 70px 0}.about-grid{grid-template-columns:1fr;gap:24px}.hero-stats{padding-top:10px;padding-bottom:10px;gap:10px}}@media(max-width:768px){:root{--section-padding: 60px 0;--nav-height: 70px}.hero-content{padding:100px 20px 60px}.hero-stats{padding-bottom:10px;padding-top:20px;flex-wrap:wrap;gap:20px}.services-grid,.activities-grid{grid-template-columns:1fr}.tracker-steps{flex-wrap:wrap;gap:16px;justify-content:center}.tracker-steps:before{display:none}.page-header{padding:120px 0 50px}}@media(max-width:576px){.container{padding:0 16px}.hero h1{font-size:1.8rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.published-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-enter{animation:fadeInUp .4s ease forwards}.membership-page{padding-top:var(--nav-height);min-height:100vh;background:var(--bg-soft)}.membership-hero{position:relative;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);padding:80px 24px 70px;text-align:center;overflow:hidden}.membership-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(200,169,80,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(44,62,107,.3) 0%,transparent 50%)}.membership-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto;animation:fadeInUp .8s ease forwards}.membership-hero-content h1{color:var(--text-white);margin:16px 0 12px;font-size:clamp(2rem,4vw,3rem)}.membership-hero-content p{color:#ffffffc7;font-size:1.05rem;margin:0}.membership-wrapper{max-width:1020px;margin:0 auto;padding:48px 24px 80px}.membership-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.minfo-card{background:var(--bg-white);border-radius:var(--radius-md);padding:28px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform var(--transition-base),box-shadow var(--transition-base)}.minfo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.minfo-icon{font-size:2rem;margin-bottom:12px}.minfo-card h4{font-size:1rem;color:var(--primary-dark);margin-bottom:10px}.minfo-card ul{list-style:disc;padding-left:18px;color:var(--text-body);font-size:.88rem;line-height:1.75}.membership-form{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:hidden}.mf-note{padding:14px 32px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:var(--bg-soft);margin:0}.mf-req{color:#e05252;margin-left:3px}.mf-section{padding:32px;border-bottom:1px solid var(--border-light)}.mf-section:last-of-type{border-bottom:none}.mf-section-title{font-size:1.05rem;font-weight:700;color:var(--primary-dark);padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid var(--accent-gold);display:inline-block}.mf-grid{display:grid;gap:18px;margin-bottom:18px}.mf-grid-2{grid-template-columns:1fr 1fr}.mf-grid-3{grid-template-columns:repeat(3,1fr)}.mf-group{display:flex;flex-direction:column;gap:6px}.mf-label{font-size:.85rem;font-weight:600;color:var(--text-dark)}.mf-input{padding:10px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-body);color:var(--text-body);background:var(--bg-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.mf-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2c3e6b1a}.mf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.mf-textarea{resize:vertical;min-height:72px}.mf-error .mf-input{border-color:#e05252}.mf-err-msg{font-size:.78rem;color:#e05252}.mf-bank-box{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}.mf-bank-row{display:flex;align-items:center;gap:10px;font-size:.88rem}.mf-bank-row span{color:#ffffffa6;min-width:130px;flex-shrink:0}.mf-bank-row strong{color:var(--accent-gold);font-weight:600}.mf-cert-section{background:var(--bg-soft)}.mf-cert-note{padding:0;background:none;border:none;font-size:.9rem;color:var(--text-body);margin:0}.mf-declaration{background:#fefbf2;border-top:1px solid rgba(200,169,80,.2)}.mf-checkbox-group{display:flex;flex-direction:column;gap:6px}.mf-checkbox-label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:.88rem;color:var(--text-body);line-height:1.55}.mf-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.mf-submit-row{padding:28px 32px;background:var(--bg-soft);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.mf-submit-btn{padding:14px 40px;font-size:1rem}.membership-success{max-width:520px;margin:120px auto 80px;text-align:center;background:var(--bg-white);border-radius:var(--radius-lg);padding:60px 40px;box-shadow:var(--shadow-md);animation:fadeInUp .6s ease forwards}.success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);color:var(--primary-dark);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:var(--shadow-gold)}.membership-success h2{color:var(--primary-dark);margin-bottom:14px}.membership-success p{color:var(--text-body);margin-bottom:28px}@media(max-width:900px){.membership-info-row{grid-template-columns:1fr}.mf-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.mf-section{padding:24px 18px}.mf-grid-2,.mf-grid-3,.mf-bank-box{grid-template-columns:1fr}.mf-submit-row{padding:20px 18px}.mf-submit-btn{width:100%}}