.header{position:sticky;top:0;z-index:999;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;transition:var(--transition)}.header.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--prussian-blue);text-decoration:none}.logo-content{display:flex;align-items:center;gap:.75rem}.logo-image{height:40px;width:auto}.nav{display:flex;gap:1.5rem;align-items:center;position:relative}.nav-item-wrapper{position:relative}.nav-link{font-weight:500;font-size:1rem;color:var(--indigo-dye);position:relative;padding:.5rem .75rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:0;left:.75rem;width:0;height:2px;background:var(--ucla-blue);transition:var(--transition)}.nav-link:hover:after{width:calc(100% - 1.5rem)}.nav-link:hover{color:var(--ucla-blue)}.dropdown-arrow{font-size:.75rem;transition:var(--transition)}.nav-link.dropdown-active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border-radius:10px;box-shadow:0 8px 25px #00000026;min-width:220px;padding:.5rem 0;z-index:1000;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.nav-item-wrapper:last-child .dropdown-menu{right:0;left:auto}.dropdown-link{display:block;padding:.75rem 1.5rem;color:var(--indigo-dye);font-weight:400;font-size:.95rem;transition:var(--transition);position:relative}.dropdown-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--sky-blue),var(--air-superiority-blue));transition:var(--transition)}.dropdown-link:hover{color:var(--ucla-blue);background:#2a6f970d;padding-left:2rem}.dropdown-link:hover:before{width:4px}.mobile-menu-toggle{display:none;background:transparent;font-size:1.5rem;color:var(--prussian-blue);padding:.5rem}@media(max-width:968px){.mobile-menu-toggle{display:block}.nav{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;box-shadow:0 4px 20px #0000001a;transform:translate(-100%);transition:var(--transition);gap:0;max-height:calc(100vh - 70px);overflow-y:auto;align-items:stretch}.nav.open{transform:translate(0)}.nav-item-wrapper{width:100%}.nav-link{width:100%;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;margin-bottom:.5rem}.nav-link:after{display:none}.dropdown-menu{position:static;margin-top:0;margin-bottom:.5rem;box-shadow:none;border:none;background:#f8f9fa;border-radius:8px;padding:.5rem 0}.dropdown-link{padding:.75rem 1.5rem .75rem 2rem}.dropdown-link:before{display:none}.dropdown-link:hover{padding-left:2.5rem}}.nav-link:focus,.nav-link:active{outline:none;box-shadow:none}.dropdown-link:focus,.dropdown-link:active{outline:none;box-shadow:none}.mobile-menu-toggle:focus,.mobile-menu-toggle:active{outline:none;box-shadow:none}.nav-link,.dropdown-link,.mobile-menu-toggle{border:none!important}.footer{background:var(--prussian-blue);color:#fff;border-top:1px solid rgba(255,255,255,.1)}.footer-main{padding:2rem 0 1rem}.school-info p,.motto,.copyright p{color:#fff}.footer-brand{text-align:center;padding:100px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;margin-left:5%}.logo-lockup{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.footer-logo{width:60px;height:60px;object-fit:contain}.school-info h3{font-size:1.2rem;font-weight:700;margin:0 0 .25rem;color:var(--sky-blue)}.school-info p{font-size:.85rem;opacity:.8;margin:0}.motto{font-size:.9rem;opacity:.9;margin:0;font-style:italic}.footer-accordion{display:block}.accordion-section{border-bottom:1px solid rgba(255,255,255,.1)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.accordion-header i{color:var(--sky-blue);transition:transform .3s ease;font-size:.8rem}.accordion-content ul{list-style:none;padding:.5rem 1rem 1rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.accordion-content a{display:flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;font-size:.9rem;padding:.25rem 0;transition:color .2s ease}.accordion-content a:hover{color:#fff}.accordion-content i{font-size:.8rem;width:16px}.footer-grid{display:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0;background:#012a4a4d}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.copyright p{margin:0;font-size:.85rem;opacity:.7}.legal-links{display:flex;gap:1.5rem}.legal-links a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .2s ease}.legal-links a:hover{color:var(--sky-blue)}@media(min-width:769px){.footer-accordion{display:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-brand{text-align:left;border-bottom:none;margin-bottom:0;padding:0}.logo-lockup{justify-content:flex-start}.footer-main{padding:3rem 0 1.5rem}.footer-bottom-content{flex-direction:row;justify-content:space-between;padding:0 2rem}.link-section h4,.contact-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--sky-blue)}.link-section ul,.contact-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.link-section a{display:flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;font-size:.9rem;transition:color .2s ease}.link-section a:hover{color:#fff}.contact-section li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4}.contact-section i{color:var(--sky-blue);width:16px;margin-top:2px}.contact-section a{color:#fffc;text-decoration:none}.contact-section a:hover{color:#fff}}@media(max-width:480px){.legal-links{gap:1rem}.accordion-header{padding:.875rem 1rem}}.mobile-essential-links{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:1rem}.essential-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.essential-links-grid a{color:#ffffffe6;text-decoration:none;font-size:.9rem;padding:.5rem;text-align:center;background:#ffffff0d;border-radius:4px;transition:all .2s ease}.essential-links-grid a:hover{background:#ffffff1a;color:#fff}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#ffffff0d}.accordion-content.active{max-height:300px}@media(min-width:769px){.mobile-essential-links{display:none}}.notification-panel-backdrop{position:fixed;inset:0;background:#012a4a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.notification-panel{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:1001;width:100%;max-width:450px;max-height:80vh;overflow:hidden;margin:auto}.notification-header{background:linear-gradient(135deg,var(--prussian-blue),var(--indigo-dye));color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.notification-header h3{margin:0;font-size:1.25rem;font-weight:600;font-family:Oswald,sans-serif;color:#fff}.close-panel-btn{background:#ffffff26;border:none;border-radius:6px;width:32px;height:32px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.9rem}.close-panel-btn:hover{background:#ffffff40}.notification-list{padding:1.5rem;max-height:400px;overflow-y:auto}.notification-card{background:#f8fafc;padding:1.25rem;border-radius:8px;margin-bottom:1rem;border:.5px solid var(--sky-blue);transition:all .2s ease}.notification-card:hover{background:#f1f5f9;transform:translate(2px)}.notification-card:last-child{margin-bottom:0}.notification-badge{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block;margin-bottom:.75rem;letter-spacing:.5px;font-family:Oswald,sans-serif}.notification-badge{background:var(--sky-blue);color:var(--prussian-blue)}.notification-card p{margin:0;color:var(--prussian-blue);line-height:1.5;font-size:.95rem;font-weight:400}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.notification-panel-backdrop{padding:.5rem}.notification-panel{max-width:100%}.notification-header{padding:1.25rem}.notification-header h3{font-size:1.1rem}.notification-list{padding:1.25rem}.notification-card{padding:1rem}}@media(max-width:480px){.notification-header,.notification-list{padding:1rem}.notification-card{padding:.875rem}.notification-badge{padding:.3rem .6rem;font-size:.7rem}}.floating-social{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000}.social-button{position:relative;width:60px;height:60px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.social-button.notification{background:linear-gradient(135deg,var(--ucla-blue),var(--cerulean))}.social-button.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.social-button.phone{background:linear-gradient(135deg,var(--prussian-blue),var(--indigo-dye))}.social-button:hover .tooltip{opacity:1;transform:translate(-10px)}.tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none}.tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000c}@media(max-width:768px){.floating-social{bottom:1rem;right:1rem}.social-button{width:55px;height:55px;font-size:1.3rem}}@media(max-width:480px){.floating-social{bottom:.75rem;right:.75rem;gap:.75rem}.social-button{width:50px;height:50px;font-size:1.2rem}.notification-count{width:18px;height:18px;font-size:.65rem}}.about{position:relative;min-height:100vh;background:linear-gradient(135deg,var(--prussian-blue) 0%,var(--indigo-dye) 100%);overflow:hidden}.photo-gallery{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.gallery-photo{position:absolute;width:200px;height:150px;opacity:.25;transition:all .5s ease;filter:sepia(.2) brightness(.9)}.gallery-photo:hover{opacity:.4;transform:rotate(0) scale(1.05)!important;filter:sepia(.1) brightness(1)}.photo-image{width:100%;height:100%;object-fit:cover;border-radius:8px;position:relative;z-index:2;border:2px solid rgba(255,255,255,.3)}.photo-frame{position:absolute;inset:-8px;border:1px solid rgba(255,255,255,.2);border-radius:12px;pointer-events:none}.content-overlay{position:relative;z-index:10;padding:6rem 0;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:3.5rem;font-weight:700;margin-bottom:1rem;font-family:Oswald,sans-serif;color:#fff!important}.section-subtitle{text-align:center;font-size:1.3rem;opacity:.9;margin-bottom:5rem;font-style:italic;color:#fff}.timeline-roadmap{position:relative;padding:2rem 0}.timeline-roadmap:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:#ffffff4d;border-radius:2px}.milestone{display:flex;margin-bottom:4rem;position:relative}.milestone:nth-child(odd){flex-direction:row}.milestone:nth-child(2n){flex-direction:row-reverse}.year-badge{position:absolute;left:50%;transform:translate(-50%);background:var(--sky-blue);color:var(--prussian-blue);padding:.8rem 1.5rem;border-radius:25px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #0000004d;z-index:10;min-width:100px;text-align:center;font-family:Oswald,sans-serif}.milestone-content{width:45%;background:#fffffff2;padding:2.5rem;border-radius:15px;box-shadow:0 8px 25px #0000004d;display:flex;align-items:flex-start;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.milestone-content:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0006;background:#fff}.milestone:nth-child(odd) .milestone-content{margin-right:auto}.milestone:nth-child(2n) .milestone-content{margin-left:auto}.milestone-icon{width:60px;height:60px;background:var(--prussian-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;transition:all .3s ease}.milestone-content:hover .milestone-icon{transform:scale(1.1);background:var(--sky-blue);color:var(--prussian-blue)}.milestone-text{flex:1}.milestone-title{font-size:1.5rem;font-weight:600;color:var(--prussian-blue);margin:0 0 1rem;font-family:Oswald,sans-serif}.milestone-description{font-size:1rem;color:var(--indigo-dye);line-height:1.6;margin:0}.journey-footer{text-align:center;padding:3rem 0 1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.3)}.journey-footer p{font-size:1.2rem;opacity:.9;font-style:italic;margin:0;color:#fff}@media(max-width:768px){.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem;margin-bottom:3rem}.timeline-roadmap:before{left:30px}.milestone{flex-direction:column!important;padding-left:70px;margin-bottom:3rem}.milestone-content{width:100%!important;margin:0!important;padding:2rem}.year-badge{left:30px;transform:translate(-50%);font-size:1rem;padding:.6rem 1.2rem;min-width:80px}.milestone-title{font-size:1.3rem}.milestone-description{font-size:.95rem}.milestone-icon{width:50px;height:50px;font-size:1.3rem}.gallery-photo{width:140px;height:100px;opacity:.2}}@media(max-width:480px){.content-overlay{padding:4rem 0}.container{padding:0 1.5rem}.section-title{font-size:2rem}.milestone{padding-left:60px}.year-badge{left:30px;font-size:.9rem;padding:.5rem 1rem}.milestone-content{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.milestone-icon{align-self:center}.journey-footer p{font-size:1rem}.gallery-photo{width:120px;height:90px}}.administration{flex:1}.admin-content{background:#f8f9fa}.tabs-container{max-width:1200px;margin:0 auto}.tabs{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.tab{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#fff;border:2px solid transparent;border-radius:50px;font-family:var(--font-primary);font-weight:500;font-size:1rem;color:var(--indigo-dye);cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #0000000d}.tab:hover{border-color:var(--sky-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tab.active{background:linear-gradient(135deg,var(--indigo-dye-2),var(--ucla-blue));color:#fff;border-color:transparent;box-shadow:0 4px 15px #2a6f974d}.tab i{font-size:1.125rem}.tab-content{min-height:400px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.content-list{display:flex;flex-direction:column;gap:1.5rem}.member-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:4px solid var(--ucla-blue)}.member-card:hover{box-shadow:0 6px 20px #0000001f}.member-avatar{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--sky-blue),var(--air-superiority-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.member-avatar.pta{background:linear-gradient(135deg,var(--cerulean),var(--air-force-blue))}.member-avatar.student{background:linear-gradient(135deg,var(--ucla-blue),var(--cerulean))}.member-card h3{color:var(--prussian-blue);margin-bottom:.5rem;font-size:1.25rem}.member-position{color:var(--ucla-blue);font-weight:600;margin-bottom:.5rem;font-size:1rem}.member-email,.member-contact,.member-class{color:var(--indigo-dye);font-size:.9rem;margin-top:.5rem}.faculty-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-left:4px solid var(--cerulean)}.faculty-card:hover{box-shadow:0 6px 20px #0000001f}.faculty-info{display:flex;align-items:center;gap:2rem}.faculty-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--cerulean),var(--air-force-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;flex-shrink:0}.faculty-details{flex:1}.faculty-details h3{color:var(--prussian-blue);margin-bottom:.5rem;font-size:1.5rem}.faculty-position{color:var(--ucla-blue);font-weight:600;margin-bottom:.25rem}.faculty-dept{color:var(--indigo-dye);margin-bottom:.25rem;font-size:.95rem}.faculty-qual{color:var(--indigo-dye);font-size:.9rem;opacity:.8}@media(max-width:768px){.tabs{flex-direction:column;align-items:stretch}.tab{justify-content:center}.content-grid{grid-template-columns:1fr}.faculty-info{flex-direction:column;text-align:center;gap:1rem}.faculty-details{text-align:center}}.academics{flex:1}.academics-content{background:#f8f9fa}.academics-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem;max-width:1200px;margin:0 auto}.academics-sidebar{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:100px;height:fit-content}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:none;border-left:4px solid transparent;text-align:left;font-family:var(--font-primary);font-weight:500;font-size:1rem;color:var(--indigo-dye);cursor:pointer;transition:var(--transition);border-radius:0 8px 8px 0}.sidebar-item:hover{background:#f0f0f0;border-left-color:var(--sky-blue);transform:translate(5px)}.sidebar-item.active{background:linear-gradient(135deg,var(--indigo-dye-2),var(--ucla-blue));color:#fff;border-left-color:var(--cerulean);box-shadow:0 4px 12px #2a6f9733}.sidebar-item i{width:20px;text-align:center}.academics-main{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 4px 20px #00000014;min-height:500px}.content-section h2{color:var(--prussian-blue);margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--sky-blue)}.admission-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.step-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:1.5rem;border-radius:10px;border-left:4px solid var(--ucla-blue);transition:var(--transition)}.step-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.step-number{width:40px;height:40px;background:var(--ucla-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.step-card h3{color:var(--prussian-blue);margin-bottom:.5rem;font-size:1.125rem}.step-card p{color:var(--indigo-dye);font-size:.9rem}.admission-info{background:#f8f9fa;padding:2rem;border-radius:10px;border-left:4px solid var(--cerulean)}.admission-info h3{color:var(--prussian-blue);margin-bottom:1rem}.admission-info ul{list-style:none;padding-left:0}.admission-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--indigo-dye)}.admission-info li:before{content:"✓";position:absolute;left:0;color:var(--ucla-blue);font-weight:700}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rule-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:1.5rem;border-radius:10px;border-top:4px solid var(--cerulean);transition:var(--transition)}.rule-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.rule-card h3{color:var(--prussian-blue);margin-bottom:.75rem}.rule-card p{color:var(--indigo-dye);font-size:.95rem}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.facility-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:2rem;border-radius:10px;text-align:center;border:2px solid transparent;transition:var(--transition)}.facility-card:hover{border-color:var(--sky-blue);box-shadow:0 4px 15px #0000001a}.facility-card i{font-size:3rem;color:var(--ucla-blue);margin-bottom:1rem}.facility-card h3{color:var(--prussian-blue);margin-bottom:.75rem}.facility-card p{color:var(--indigo-dye);font-size:.95rem}.achievements-list{display:flex;flex-direction:column;gap:1.5rem}.achievement-item{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border-left:4px solid var(--ucla-blue);transition:var(--transition)}.achievement-item:hover{box-shadow:0 4px 15px #0000001a;transform:translate(5px)}.achievement-year{min-width:80px;text-align:center;font-size:1.5rem;font-weight:700;color:var(--ucla-blue);background:#fff;padding:.75rem;border-radius:8px}.achievement-text{flex:1;color:var(--indigo-dye);font-weight:500;font-size:1.125rem}.winners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.winner-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:2rem;border-radius:10px;text-align:center;border-top:4px solid var(--cerulean);transition:var(--transition)}.winner-card:hover{box-shadow:0 4px 15px #0000001a}.winner-badge{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ff8c00}.winner-card h3{color:var(--prussian-blue);margin-bottom:.5rem}.winner-achievement{color:var(--indigo-dye);font-weight:500;margin-bottom:.75rem}.winner-category{display:inline-block;padding:.25rem 1rem;background:var(--sky-blue);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}@media(max-width:968px){.academics-layout{grid-template-columns:1fr;gap:2rem}.academics-sidebar{position:static;flex-direction:row;overflow-x:auto;padding-bottom:1rem}.sidebar-item{white-space:nowrap;border-left:none;border-bottom:4px solid transparent;border-radius:8px 8px 0 0}.sidebar-item:hover{transform:translateY(-2px)}.sidebar-item.active{border-left:none;border-bottom-color:var(--cerulean)}.academics-main{padding:1.5rem}}@media(max-width:768px){.admission-steps,.rules-grid,.facilities-grid,.winners-grid{grid-template-columns:1fr}.achievement-item{flex-direction:column;text-align:center;gap:1rem}}.activities{flex:1}.activity-section{background:#fff}.activity-section.arts-section{background:#f8f9fa}.section-title{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:center;color:var(--prussian-blue);margin-bottom:3rem;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--ucla-blue),var(--cerulean));border-radius:2px}.section-title i{font-size:2rem;color:var(--ucla-blue)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.activity-card{background:#fff;padding:2.5rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:4px solid transparent}.activity-card.sport{border-top-color:var(--ucla-blue)}.activity-card.art{border-top-color:var(--cerulean)}.activity-card.club{border-top-color:var(--air-force-blue)}.activity-card:hover{box-shadow:0 8px 25px #0000001f}.activity-icon{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.5rem;color:#fff;transition:var(--transition)}.activity-card.sport .activity-icon{background:linear-gradient(135deg,var(--ucla-blue),var(--cerulean))}.activity-card.art .activity-icon{background:linear-gradient(135deg,var(--cerulean),var(--air-force-blue))}.activity-card.club .activity-icon{background:linear-gradient(135deg,var(--air-force-blue),var(--air-superiority-blue))}.activity-card h3{color:var(--prussian-blue);margin-bottom:1rem;font-size:1.5rem}.activity-card p{color:var(--indigo-dye);line-height:1.6;font-size:.95rem}.community-section{background:linear-gradient(135deg,var(--indigo-dye-2) 0%,var(--ucla-blue) 100%);color:#fff}.community-card{display:grid;grid-template-columns:1fr 300px;gap:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:20px;box-shadow:0 8px 30px #0003}.community-content h2{color:#fff;margin-bottom:1.5rem}.community-content p{color:#fffffff2;margin-bottom:1.5rem;line-height:1.8;font-size:1.125rem}.community-content ul{list-style:none;padding-left:0}.community-content li{padding:.75rem 0 .75rem 2rem;position:relative;color:#ffffffe6;font-size:1.05rem}.community-content li:before{content:"✓";position:absolute;left:0;color:var(--light-blue);font-weight:700;font-size:1.25rem}.community-image{display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:15px;font-size:8rem;color:#ffffff4d}@media(max-width:968px){.community-card{grid-template-columns:1fr;gap:2rem}.community-image{font-size:5rem;padding:2rem}}@media(max-width:768px){.activities-grid{grid-template-columns:1fr}.section-title{flex-direction:column;gap:.5rem}}.gallery{flex:1}.gallery-content{background:#f8f9fa}.gallery-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid transparent;border-radius:50px;font-family:var(--font-primary);font-weight:500;font-size:1rem;color:var(--indigo-dye);cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #0000000d}.filter-btn:hover{border-color:var(--sky-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn.active{background:linear-gradient(135deg,var(--indigo-dye-2),var(--ucla-blue));color:#fff;border-color:transparent;box-shadow:0 4px 15px #2a6f974d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;grid-auto-rows:250px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.gallery-frame{position:relative;width:100%;height:100%;background:#fff;padding:8px;box-shadow:0 4px 15px #0000001a;transition:var(--transition)}.gallery-frame:before{content:"";position:absolute;inset:0;border:2px solid rgba(0,0,0,.1);border-radius:5px;pointer-events:none}.gallery-item:nth-child(3n) .gallery-frame{grid-row:span 2}.gallery-item:nth-child(5n) .gallery-frame{grid-row:span 2}.gallery-frame img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:var(--transition)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(1,42,74,.9),transparent);padding:1.5rem;transform:translateY(100%);transition:var(--transition)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{color:#fff;font-size:1.125rem;font-weight:600}.gallery-item:hover .gallery-frame{box-shadow:0 8px 25px #0003}.gallery-item:hover .gallery-frame img{transform:scale(1.1)}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;grid-auto-rows:150px}.gallery-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.9rem}}.news{flex:1}.news-content{background:#f8f9fa}.news-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;max-width:1200px;margin:0 auto}.news-main{flex:1}.section-heading{color:var(--prussian-blue);margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--sky-blue);font-size:2rem}.news-grid{display:flex;flex-direction:column;gap:2rem}.news-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:var(--transition);display:grid;grid-template-columns:300px 1fr}.news-card:hover{box-shadow:0 8px 25px #0000001f}.news-image{position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.news-card:hover .news-image img{transform:scale(1.1)}.news-category{position:absolute;top:1rem;right:1rem;background:var(--ucla-blue);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.news-content-card{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.news-meta{display:flex;align-items:center;gap:.5rem;color:var(--indigo-dye);font-size:.9rem;margin-bottom:1rem}.news-meta i{color:var(--ucla-blue)}.news-content-card h3{color:var(--prussian-blue);margin-bottom:1rem;font-size:1.5rem}.news-content-card p{color:var(--indigo-dye);line-height:1.6;margin-bottom:1.5rem}.read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--ucla-blue);font-weight:600;background:transparent;padding:0;font-family:var(--font-primary);font-size:1rem;transition:var(--transition)}.read-more:hover{gap:.75rem;color:var(--cerulean)}.events-sidebar{display:flex;flex-direction:column;gap:2rem;position:sticky;top:100px;height:fit-content}.events-card,.quick-links-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #00000014}.events-card h2,.quick-links-card h3{color:var(--prussian-blue);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.events-card h2 i{color:var(--ucla-blue);font-size:1.5rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;border-left:4px solid var(--ucla-blue);transition:var(--transition)}.event-item:hover{background:#e9ecef;transform:translate(5px)}.event-date{min-width:60px;text-align:center;background:var(--ucla-blue);color:#fff;padding:.75rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-day{font-size:1.5rem;font-weight:700;line-height:1}.event-month{font-size:.875rem;font-weight:500;margin-top:.25rem}.event-details{flex:1}.event-details h4{color:var(--prussian-blue);margin-bottom:.5rem;font-size:1.125rem}.event-details p{color:var(--indigo-dye);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.event-details i{color:var(--ucla-blue)}.quick-links-card ul{list-style:none;padding:0}.quick-links-card li{margin-bottom:.75rem}.quick-links-card a{display:flex;align-items:center;gap:.75rem;color:var(--indigo-dye);transition:var(--transition);padding:.5rem;border-radius:5px}.quick-links-card a:hover{background:#f8f9fa;color:var(--ucla-blue);padding-left:.75rem}.quick-links-card i{color:var(--ucla-blue);width:20px}@media(max-width:968px){.news-layout{grid-template-columns:1fr}.events-sidebar{position:static}.news-card{grid-template-columns:1fr}.news-image{height:250px}}@media(max-width:768px){.news-grid{gap:1.5rem}.news-content-card{padding:1.5rem}}.contact{flex:1}.contact-content{background:#f8f9fa}.contact-layout{display:grid;grid-template-columns:400px 1fr;gap:3rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.contact-info h2{color:var(--prussian-blue);margin-bottom:2rem;font-size:2rem}.info-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.info-item{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:var(--transition)}.info-item:hover{box-shadow:0 4px 15px #0000001a;transform:translate(5px)}.info-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--ucla-blue),var(--cerulean));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.info-content h4{color:var(--prussian-blue);margin-bottom:.5rem;font-size:1.125rem}.info-content p{color:var(--indigo-dye);line-height:1.6}.social-section{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000000d}.social-section h3{color:var(--prussian-blue);margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;justify-content:center}.social-links a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sky-blue),var(--air-superiority-blue));border-radius:50%;color:#fff;font-size:1.5rem;transition:var(--transition)}.social-links a:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 4px 15px #2a6f974d}.form-container{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 4px 20px #00000014}.form-container h2{color:var(--prussian-blue);margin-bottom:2rem;font-size:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--prussian-blue);font-weight:500;font-size:1rem}.form-group input,.form-group textarea{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-family:var(--font-primary);font-size:1rem;color:var(--indigo-dye);transition:var(--transition);background:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--ucla-blue);background:#fff;box-shadow:0 0 0 3px #2a6f971a}.form-group input.error,.form-group textarea.error{border-color:#dc3545;background:#fff5f5}.error-message{color:#dc3545;font-size:.875rem;margin-top:-.25rem}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--indigo-dye-2),var(--ucla-blue));color:#fff;border-radius:50px;font-family:var(--font-primary);font-weight:600;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;align-self:flex-start;box-shadow:0 4px 15px #2a6f974d;transition:var(--transition)}.submit-btn:hover{box-shadow:0 6px 20px #2a6f9766}.success-message{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:15px;border:2px solid #28a745}.success-message i{font-size:4rem;color:#28a745;margin-bottom:1rem}.success-message p{color:#155724;font-size:1.25rem;font-weight:500}.map-section{max-width:1200px;margin:0 auto}.map-section h2{color:var(--prussian-blue);margin-bottom:2rem;text-align:center;font-size:2rem}.map-container{border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #0000001a}@media(max-width:968px){.contact-layout{grid-template-columns:1fr;gap:2rem}.form-container{padding:2rem}}@media(max-width:768px){.info-item{flex-direction:column;text-align:center}.info-icon{margin:0 auto}.social-links{flex-wrap:wrap}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}:root{--prussian-blue: #012a4aff;--indigo-dye: #013a63ff;--indigo-dye-2: #01497cff;--indigo-dye-3: #014f86ff;--ucla-blue: #2a6f97ff;--cerulean: #2c7da0ff;--air-force-blue: #468fafff;--air-superiority-blue: #61a5c2ff;--sky-blue: #89c2d9ff;--light-blue: #a9d6e5ff;--vintage-paper: #f8f4e9;--vintage-gold: #d4af37;--vintage-bronze: #cd7f32;--ink-well: #1a1a2e;--parchment: #f5f1e6;--gradient-sunset: linear-gradient(135deg, var(--prussian-blue) 0%, var(--sky-blue) 100%);--gradient-ocean: linear-gradient(135deg, var(--indigo-dye) 0%, var(--air-superiority-blue) 100%);--gradient-vintage: linear-gradient(135deg, var(--vintage-paper) 0%, var(--parchment) 100%);--gradient-hero: linear-gradient(135deg, var(--prussian-blue) 0%, var(--indigo-dye) 25%, var(--ucla-blue) 50%, var(--sky-blue) 100%);--font-primary: "Oswald", sans-serif;--font-accent: "Playfair Display", serif;--font-mono: "Courier Prime", monospace;--text-xs: clamp(.75rem, .8vw, .875rem);--text-sm: clamp(.875rem, 1vw, 1rem);--text-base: clamp(1rem, 1.2vw, 1.125rem);--text-lg: clamp(1.125rem, 1.4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.6vw, 1.5rem);--text-2xl: clamp(1.5rem, 2vw, 1.875rem);--text-3xl: clamp(1.875rem, 3vw, 2.25rem);--text-4xl: clamp(2.25rem, 4vw, 3rem);--text-5xl: clamp(3rem, 5vw, 3.75rem);--text-6xl: clamp(3.75rem, 6vw, 4.5rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(1, 42, 74, .1);--shadow-md: 0 4px 12px rgba(1, 42, 74, .15);--shadow-lg: 0 8px 24px rgba(1, 42, 74, .2);--shadow-xl: 0 16px 40px rgba(1, 42, 74, .25);--shadow-vintage: 0 4px 12px rgba(1, 42, 74, .1), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-glow: 0 0 20px rgba(137, 194, 217, .4);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--header-height: 80px;--max-width: 1400px;--grid-gap: var(--space-lg);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--grain-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");--paper-texture: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23012a4a' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:var(--header-height)}body{font-family:var(--font-primary);font-weight:400;line-height:1.7;color:var(--prussian-blue);background-color:var(--vintage-paper);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--paper-texture);opacity:.4;pointer-events:none;z-index:-1}h1,.h1{font-family:var(--font-primary);font-weight:700;font-size:var(--text-6xl);line-height:1.1;letter-spacing:-.02em;color:var(--prussian-blue);margin-bottom:var(--space-lg)}h2,.h2{font-family:var(--font-primary);font-weight:600;font-size:var(--text-5xl);line-height:1.2;letter-spacing:-.01em;color:var(--indigo-dye);margin-bottom:var(--space-md)}h3,.h3{font-family:var(--font-primary);font-weight:500;font-size:var(--text-3xl);line-height:1.3;color:var(--indigo-dye-2);margin-bottom:var(--space-sm)}h4,.h4{font-family:var(--font-primary);font-weight:500;font-size:var(--text-xl);line-height:1.4;color:var(--indigo-dye-3);margin-bottom:var(--space-xs)}h5,.h5{font-family:var(--font-primary);font-weight:400;font-size:var(--text-lg);line-height:1.5;color:var(--ucla-blue);margin-bottom:var(--space-xs)}h6,.h6{font-family:var(--font-primary);font-weight:300;font-size:var(--text-base);line-height:1.6;color:var(--air-force-blue);margin-bottom:var(--space-2xs)}p{font-weight:400;font-size:var(--text-base);line-height:1.7;color:var(--indigo-dye);margin-bottom:var(--space-sm)}.lead{font-size:var(--text-lg);font-weight:300;line-height:1.6;color:var(--indigo-dye-2)}.small{font-size:var(--text-sm);color:var(--air-force-blue)}a{text-decoration:none;color:var(--ucla-blue);transition:var(--transition-base);position:relative;font-weight:500}a:hover{color:var(--prussian-blue)}a.underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-ocean);transition:var(--transition-base)}a.underline:hover:after{width:100%}img{max-width:100%;height:auto;display:block;border-radius:var(--radius-md);transition:var(--transition-base)}img.vintage{filter:sepia(.2) contrast(1.1) brightness(1.05);border:1px solid var(--vintage-paper);box-shadow:var(--shadow-vintage)}img.modern{filter:brightness(1.05) saturate(1.1);box-shadow:var(--shadow-lg)}button{font-family:var(--font-primary);font-weight:500;cursor:pointer;border:none;transition:var(--transition-bounce);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}button:hover:before{left:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:var(--transition-bounce);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-ocean);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--prussian-blue);border:2px solid var(--prussian-blue)}.btn-secondary:hover{background:var(--prussian-blue);color:#fff;transform:translateY(-2px)}.btn-vintage{background:var(--vintage-paper);color:var(--prussian-blue);border:1px solid var(--vintage-gold);box-shadow:var(--shadow-vintage)}.btn-vintage:hover{background:var(--vintage-gold);color:var(--prussian-blue);transform:translateY(-2px)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0;position:relative}.section-sm{padding:var(--space-2xl) 0}.section-lg{padding:var(--space-4xl) 0}.grid{display:grid;gap:var(--grid-gap)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-gradient{background:var(--gradient-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-glow{border:1px solid transparent;background:linear-gradient(var(--vintage-paper),var(--vintage-paper)) padding-box,var(--gradient-ocean) border-box}.paper-card{background:var(--vintage-paper);border:1px solid rgba(212,175,55,.2);box-shadow:var(--shadow-vintage);border-radius:var(--radius-lg);position:relative;overflow:hidden}.paper-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-ocean)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.vintage-border{border:2px solid transparent;background:linear-gradient(var(--vintage-paper),var(--vintage-paper)) padding-box,repeating-linear-gradient(45deg,var(--vintage-gold) 0,var(--vintage-gold) 2px,transparent 2px,transparent 8px) border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--vintage-paper)}::-webkit-scrollbar-thumb{background:var(--gradient-ocean);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--prussian-blue)}::selection{background:var(--sky-blue);color:var(--prussian-blue)}::-moz-selection{background:var(--sky-blue);color:var(--prussian-blue)}*:focus{outline:2px solid var(--sky-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){:root{--header-height: 70px;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem}.container{padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-md)}}@media(max-width:480px){:root{--space-lg: 1.5rem;--space-xl: 1.5rem}.container{padding:0 var(--space-md)}.btn{padding:var(--space-sm) var(--space-lg);width:100%;justify-content:center}}@media print{:root{--prussian-blue: #000000;--indigo-dye: #333333}.no-print{display:none!important}a:after{content:" (" attr(href) ")"}}*:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--sky-blue);outline-offset:2px}