:root{--primary: #977a82;--secondary: #e9ae9a;--accent: #f1ede4;--primary-dark: #4b383e;--primary-light: #b4979f;--secondary-light: #f8c2af;--secondary-transparent: #e9ae9a80;--background: #f5f5f5;--background-dark: #e1e1e1;--background-transparent: #f5f5f5a7;--light-border: #e2e2e2;--spaceblack: #303540;--spacegrey: #4f5c73;--success: #6dad58;--danger: #c94f51;--warning: #e2a755;--background-svg-pattern: 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='%23e0e0e0' fill-opacity='0.37' fill-rule='evenodd'/%3E%3C/svg%3E");--primary-svg-pattern: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23baa1a8' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");--simple-shadow: 0 1px 3px rgba(0,0,0,.06)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#afafaf;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#828282}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{height:100%;margin:0;padding:0;font-family:Barlow,Anek Bangla,sans-serif;background-color:var(--background);color:var(--primary-dark);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}button,input,textarea,select{font-family:inherit}main{padding:0;flex-grow:1;display:flex;flex-direction:column}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:99;pointer-events:none;transition:background-color .5s ease}body.cart-open:after{background-color:#0006;pointer-events:auto}.header{background-color:var(--background-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.8rem 2rem;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.2);transition:background-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;height:40px}.header-left{display:flex;align-items:center;gap:1rem}.header-right{display:flex;align-items:center}.header-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.header-logo{height:2.5rem;width:auto}.header-app-name{font-size:1.5rem;font-weight:400;color:var(--primary-dark)}.main-nav{display:flex}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-link a,.nav-dropdown .nav-dropdown-button{text-decoration:none;color:var(--primary-dark);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease;background:none;border:none;cursor:pointer}.nav-link a:after,.nav-dropdown .nav-dropdown-button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--primary);transition:all .3s ease;transform:translate(-50%)}.nav-link a:hover,.nav-dropdown .nav-dropdown-button:hover{color:var(--primary)}.nav-link a:hover:after,.nav-dropdown .nav-dropdown-button:hover:after{width:100%}.nav-dropdown{position:relative}.nav-dropdown>button{display:flex;align-items:center;gap:.3rem}.nav-dropdown a,.nav-dropdown form button{font-size:.9rem;font-weight:500;color:var(--primary-dark);padding:8px 17px;text-decoration:none;display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer}.nav-dropdown a:hover,.nav-dropdown form button:hover{background-color:var(--background)}.nav-dropdown .dropdown-header{padding:12px 20px;font-size:.8rem;color:var(--primary);border-bottom:1px solid #e5e5e5;cursor:default}.nav-dropdown .dropdown-header strong{color:var(--primary);font-size:1rem}.dropdown-divider{height:1px;overflow:hidden;background-color:#e9ecef}.hamburger-button{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--primary-dark)}.desktop-nav{display:none}.mobile-nav-container{position:fixed;top:65px;left:0;right:0;height:70vh;background-color:#4b383ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:2rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;z-index:40}@media(max-width:1023px){.hamburger-menu,.mobile-nav-container .main-nav,.mobile-nav-container .header-icons{display:block}.mobile-nav-container .nav-links{flex-direction:column;align-items:center;gap:2rem}.mobile-nav-container .nav-dropdown{width:100%}.mobile-nav-container .nav-dropdown .nav-dropdown-button{justify-content:space-between;width:100%}.mobile-nav-container .nav-link a,.mobile-nav-container .nav-dropdown .nav-dropdown-button{color:#fff;font-size:1.1rem;padding:0}.mobile-nav-container .nav-dropdown .relative>div[x-show]{position:static!important;width:auto;margin-top:.5rem;box-shadow:none;background-color:var(--spaceblack);border-radius:4px;padding:.5rem}.mobile-nav-container .nav-dropdown .relative>div[x-show]>div{background-color:transparent;box-shadow:none;padding:0}.mobile-nav-container .nav-dropdown .relative>div[x-show] a{color:#d1d5db;text-align:center;padding:.5rem;border-radius:4px}.mobile-nav-container .nav-dropdown .relative>div[x-show] a:hover{color:#fff;background-color:var(--spacegrey)}.mobile-nav-container .nav-link a:after,.mobile-nav-container .nav-dropdown .nav-dropdown-button:after{display:none}}@media(min-width:1024px){.hamburger-menu{display:none}.desktop-nav{display:flex;align-items:center;gap:2rem}.mobile-nav-container{display:none!important}}.hero-section{width:100%;margin:0 auto;padding:0 2rem;background-color:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-cover-photo{flex-grow:1;width:100%;min-height:50vh;overflow:hidden;position:relative;background-color:var(--background);border-radius:15px}.slider-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.slide{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slide img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:ken-burns-slow-zoom 6s ease-in-out forwards}@keyframes ken-burns-slow-zoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#4b383e85;z-index:1}.slide-text-content{position:absolute;top:50%;right:5%;transform:translateY(-50%);color:#fff;z-index:2;width:60%;text-align:right;padding:20px}.slide-text-content h2{font-size:2.8rem;font-weight:600;margin-bottom:.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slide-text-content p{font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#fff}@media(max-width:768px){.hero-section{padding:0 1rem}.hero-cover-photo{min-height:30vh}.slide:after{background:#4b383e88}.slide-text-content{width:80%;left:50%;right:auto;transform:translate(-50%,-50%);text-align:center;padding:10px}.slide-text-content h2{font-size:1.8rem}.slide-text-content p{font-size:1rem}.slider-dots{bottom:10px}}@media(max-width:480px){.hero-cover-photo{min-height:30vh}.slide-text-content h2{font-size:1.5rem}.slide-text-content p{font-size:.9rem}}.front-breadcrumb-container{padding:.5rem 2rem;background-color:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:65px;z-index:49}.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;font-size:.9rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item a{color:var(--primary);text-decoration:none;transition:color .2s ease-in-out}.breadcrumb-item a:hover{color:var(--primary-dark)}.breadcrumb-item.active{color:var(--text-color)}.breadcrumb-item+.breadcrumb-item:before{content:">";display:inline-block;padding:0 .75rem;color:#6c757d}.membership-container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 10px #0000000d}.membership-title{font-size:2rem;font-weight:600;color:var(--primary-dark);margin-bottom:1.5rem}.membership-form .form-group{margin-bottom:1.5rem}.membership-form .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--primary-dark)}.membership-form .form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--background-dark);border-radius:4px;font-size:1rem}.membership-form .form-control:focus{outline:none;border-color:var(--secondary-transparent);box-shadow:0 0 0 2px var(--secondary-transparent)}.membership-form .file-input{padding:.5rem;cursor:pointer;background-color:var(--background);transition:all .3s ease}.membership-form .file-input:hover{background-color:var(--background-dark);border-color:var(--secondary)}.membership-form .file-input::-webkit-file-upload-button{padding:.5rem 1rem;background-color:var(--secondary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-right:1rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.membership-form .file-input::-webkit-file-upload-button:hover{background-color:var(--secondary-light)}.btn-submit{display:inline-block;padding:.75rem 1.5rem;background-color:var(--secondary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-submit:hover{background-color:var(--secondary-light)}.membership-status-box{margin-top:2rem;padding:1.5rem;border:1px solid var(--background);border-top:3px solid var(--secondary);border-radius:8px;background-color:#f6f6f6;text-align:center}.membership-status-box p{margin-bottom:1rem;color:var(--primary-dark)}.membership-status-box p:last-child{margin-bottom:0}.membership-status-box .btn-submit{margin-top:1rem}@media(max-width:768px){.membership-container{margin:1rem;padding:1.5rem}.membership-title{font-size:1.75rem}.membership-form .form-control,.btn-submit{padding:.6rem 1rem;font-size:.9rem}.membership-status-box{padding:1rem}}@media(max-width:480px){.membership-container{margin:.5rem;padding:1rem}.membership-title{font-size:1.5rem;margin-bottom:1rem}.membership-form .form-group{margin-bottom:1rem}.membership-status-box{padding:.8rem}}.membership-promo{background-color:var(--primary);background-image:var(--primary-svg-pattern);padding:2rem 2rem 3rem;text-align:center}.membership-promo .promo-icon{font-size:3.5rem;color:#fff;margin-bottom:.5rem}.membership-promo h2{font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.membership-promo p{font-size:1.2rem;color:#fff;margin-bottom:2rem}.membership-promo .promo-button{background-color:var(--secondary);background-size:100% auto;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:6px;text-decoration:none;font-size:1.2rem;font-weight:400;transition:background-color .2s ease}.membership-promo .promo-button:hover{background-color:var(--secondary-light);transition:background-color .2s ease}.membership-promo .promo-button:active{transform:translateY(2px)}@media(max-width:768px){.membership-promo{padding:1.5rem 1.5rem 2.5rem}.membership-promo .promo-icon{font-size:3rem}.membership-promo h2{font-size:2rem}.membership-promo p{font-size:1rem}.membership-promo .promo-button{padding:.8rem 1.5rem;font-size:1rem}}@media(max-width:480px){.membership-promo{padding:1rem 1rem 2rem}.membership-promo .promo-icon{font-size:2.5rem}.membership-promo h2{font-size:1.8rem}.membership-promo p{font-size:.9rem}.membership-promo .promo-button{padding:.7rem 1.2rem;font-size:.9rem}}.events-section{padding:2rem;background-color:var(--background);background-image:var(--background-svg-pattern)}.events-section-header{text-align:center;margin-bottom:2rem}.events-section-title{font-size:2.5rem;font-weight:600;color:var(--primary-dark);margin-bottom:.3rem}.events-section-subtitle{font-size:1.2rem;color:var(--primary-dark)}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.event-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.event-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.event-card-photo-frame{position:relative;height:250px;background-color:var(--primary);display:flex;align-items:center;justify-content:center}.event-card-image{position:absolute;width:80%;height:80%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;box-shadow:0 4px 6px #0003;transition:transform .3s ease}.event-card:hover .event-card-image{transform:scale(1.05)}.event-card-image-1{z-index:3}.event-card-image-2{z-index:2;transform:rotate(-8deg) scale(.95);opacity:.8}.event-card:hover .event-card-image-2{transform:rotate(-3deg) scale(.98)}.event-card-image-3{z-index:1;transform:rotate(8deg) scale(.95);opacity:.8}.event-card:hover .event-card-image-3{transform:rotate(3deg) scale(.98)}.event-card-info{padding:.75rem 1.5rem}.event-card-title{font-size:1.25rem;font-weight:600;color:var(--primary-dark);margin-bottom:.75rem}.event-card-date,.event-card-location{font-size:.9rem;color:var(--primary-dark);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.event-card-date i,.event-card-location i{color:var(--secondary)}.btn-show-all-events{display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--primary-dark);border-radius:6px;color:var(--primary-dark);background-color:none;text-decoration:none;font-weight:400;font-size:.9rem;transition:all .3s ease}.btn-show-all-events:hover{color:var(--primary);border:1px solid var(--primary)}@media(max-width:1024px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.events-grid{grid-template-columns:1fr}.events-section{padding:2rem 1.5rem}.events-section-title{font-size:2rem}.events-section-subtitle{font-size:1rem}}.all-events-section{padding:2rem;background-color:var(--background)}.all-events-header{text-align:center;margin-bottom:3rem}.all-events-header h1{font-size:2.5rem;font-weight:400;color:var(--spaceblack);margin-bottom:.5rem}.all-events-header p{font-size:1.2rem;color:var(--primary-dark)}.events-grid-container{max-width:1200px;margin:0 auto}.events-grid-container .events-grid{margin-bottom:2.5rem}.events-section-footer{text-align:center;margin-top:3rem}.event-detail-page .info-page-header h1{margin-bottom:1rem}.event-detail-meta{display:flex;justify-content:center;gap:2rem;font-size:.9rem;color:var(--primary-dark)}.event-detail-date,.event-detail-location{display:flex;align-items:center;gap:.5rem}.event-detail-date i,.event-detail-location i{color:var(--secondary)}.event-cover-image-container{aspect-ratio:16 / 9}.event-cover-image-container .info-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width:768px){.info-page-container{margin:1rem auto;padding:1rem}.info-page-header h1{font-size:1.75rem}.event-detail-meta{flex-direction:column;gap:.5rem;align-items:center}.info-main-image{max-width:100%}.info-content-section h2{font-size:1.3rem}.info-content-section p{font-size:.9rem}}.notice-section{padding:1.5rem 2rem;background-color:var(--accent)}.notice-section-header{text-align:center;margin-bottom:1.4rem}.notice-section-title{font-size:2.5rem;font-weight:600;color:var(--primary-dark);margin-bottom:.3rem}.notice-section-subtitle{font-size:1.2rem;color:var(--primary-dark)}.notice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px;gap:2.5rem;margin:0 auto}.notice-grid-container .notice-grid{margin-bottom:2.5rem}.notice-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px #0000000d;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;border-top:4px solid var(--secondary);transition:transform .3s ease,box-shadow .3s ease}.notice-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001a}.notice-card-content{padding:1.5rem}.notice-card-title{font-size:1.2rem;font-weight:500;color:var(--primary-dark);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;line-height:1.5;height:3.6rem;overflow:hidden}.notice-card-title i{color:var(--secondary);font-size:1.5rem}.notice-card-excerpt{font-size:.9rem;color:var(--primary-dark);line-height:1.4;height:4rem;overflow:hidden}.notice-card-tags{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.notice-card-date-tag{background-color:var(--background);padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;color:var(--spaceblack);display:inline-block}.notice-card-member-tag{background-color:var(--secondary);padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;color:#fff;font-weight:500;display:inline-block}.btn-show-all-notices{display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--primary-dark);border-radius:6px;color:var(--primary-dark);text-decoration:none;font-weight:400;font-size:.9rem;transition:all .3s ease}.btn-show-all-notices:hover{color:var(--primary-light);border:1px solid var(--primary-light)}@media(max-width:768px){.notice-section{padding:3rem 1.5rem}.notice-grid{grid-template-columns:1fr}.notice-section-title{font-size:2rem}.notice-card-title{font-size:1.25rem}}.notice-section-footer{text-align:center;margin-top:2rem}.all-notices-section{padding:2rem;background-color:var(--background)}.all-notices-header{text-align:center;margin-bottom:3rem}.all-notices-header h1{font-size:2.5rem;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem}.all-notices-header p{font-size:1.2rem;color:var(--primary-dark)}.notice-grid-container{max-width:1200px;margin:0 auto}.notice-detail-container{padding:4rem 2rem;background-color:var(--background)}.notice-detail-card{max-width:800px;margin:0 auto;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.notice-detail-header{background-color:var(--primary);color:#fff;padding:2rem;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.header-main-content{flex-grow:1}.notice-detail-title{font-size:2.5rem;font-weight:400;color:#fff;margin-bottom:.5rem}.header-divider{width:1px;background-color:var(--primary-light);align-self:stretch;margin:0 2rem}.header-icon-container{font-size:3rem;opacity:.8}.notice-detail-date{font-size:1rem}.notice-detail-date-tag{background-color:#ffffff1a;padding:.25rem .75rem;border-radius:.25rem;font-size:.9rem;display:inline-block}.notice-detail-content{padding:2rem;font-size:1.1rem;line-height:1.8;color:var(--primary-dark)}.notice-detail-content h1,.notice-detail-content h2,.notice-detail-content h3{margin-bottom:1rem;font-weight:600}.notice-detail-content p{margin-bottom:1.5rem}.notice-detail-content ul,.notice-detail-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.notice-detail-content a{color:var(--accentC);text-decoration:underline}@media(max-width:768px){.notice-detail-container{padding:2rem 1.5rem}.notice-detail-title{font-size:1.5rem}.notice-detail-content{font-size:1rem}.notice-detail-header{flex-direction:column;gap:.3rem}.header-divider{display:none}.header-main-content{text-align:center}}.info-page-container{max-width:1000px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014}.info-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ececec}.info-page-header h1{font-size:2.5rem;font-weight:400;color:#2f343e}.info-main-image-container{margin-bottom:2rem;padding:10px;background:var(--spaceblack);border:none;box-shadow:0 3px 5px #0000001a;max-width:822px;margin-left:auto;margin-right:auto}.info-main-image{max-width:100%;height:auto;display:block}.info-content-section{margin-bottom:2rem}.info-content-section h2{font-size:1.75rem;font-weight:600;color:var(--spaceblack);margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.info-content-section p{font-size:1rem;line-height:1.6;color:var(--spaceblack);text-align:justify}@media(max-width:1024px){.info-page-container{margin:1.5rem auto;padding:1.5rem}.info-page-header h1{font-size:2rem}.info-main-image{max-width:100%}.info-content-section h2{font-size:1.5rem}.info-content-section p{font-size:.95rem}}@media(max-width:768px){.info-page-container{margin:1rem auto;padding:1rem}.info-page-header h1{font-size:1.75rem}.info-main-image{max-width:100%}.info-content-section h2{font-size:1.3rem}.info-content-section p{font-size:.9rem}}@media(max-width:480px){.info-page-header h1{font-size:1.5rem}.info-content-section h2{font-size:1.2rem}.info-content-section p{font-size:.85rem}}.info-gallery{margin-top:3rem}.info-gallery h2{text-align:center;font-size:2rem;font-weight:600;color:var(--spaceblack);margin-bottom:2rem}.scattered-gallery{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:2rem 0}.scattered-gallery .gallery-image-wrapper{width:295px;height:180px;overflow:hidden;padding:5px;background:var(--spaceblack);border:none;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.scattered-gallery .gallery-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.scattered-gallery .gallery-image-wrapper:nth-child(1){transform:rotate(-5deg)}.scattered-gallery .gallery-image-wrapper:nth-child(2){transform:rotate(3deg) translateY(-10px)}.scattered-gallery .gallery-image-wrapper:nth-child(3){transform:rotate(-2deg) translateY(5px)}.scattered-gallery .gallery-image-wrapper:nth-child(4){transform:rotate(5deg) translateY(-5px)}.scattered-gallery .gallery-image-wrapper:nth-child(5){transform:rotate(-4deg) translateY(10px)}.scattered-gallery .gallery-image-wrapper:hover{transform:scale(1.1) rotate(0);box-shadow:0 10px 20px #0003;z-index:10}.image-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.image-modal-content{max-width:60vw;max-height:80vh;position:relative;animation:zoomIn .3s ease-in-out}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-2.5rem;right:-1rem;font-size:2.5rem;color:#fff;cursor:pointer;background:none;border:none;line-height:1}@media(min-width:1280px){.image-modal-content{max-width:800px}}@media(max-width:1024px){.info-gallery h2{font-size:1.75rem}.scattered-gallery .gallery-image-wrapper{padding:8px}.scattered-gallery .gallery-image{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}}@media(max-width:768px){.image-modal-container{padding:1rem}.image-modal-content{max-width:90vw;max-height:90vh}.info-gallery h2{font-size:1.5rem}.scattered-gallery{flex-direction:column;gap:2.5rem;align-items:center}.scattered-gallery .gallery-image-wrapper{width:252px;height:192px;margin:0 auto}.scattered-gallery .gallery-image{max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.scattered-gallery .gallery-image-wrapper:nth-child(odd){transform:rotate(-4deg)}.scattered-gallery .gallery-image-wrapper:nth-child(2n){transform:rotate(4deg)}.scattered-gallery .gallery-image-wrapper:hover{transform:scale(1.05) rotate(0)!important}}@media(max-width:480px){.info-gallery h2{font-size:1.3rem}.scattered-gallery .gallery-image-wrapper{width:95%}}.alumni-directory-header{text-align:center;margin-bottom:2rem}.alumni-directory-header h1{font-size:2.5rem;font-weight:400;color:var(--spaceblack)}.alumni-directory-header p{font-size:1.1rem;color:var(--spacegrey)}.alumni-directory-container{width:100%;max-width:1400px;margin:0rem auto;padding:2rem}.filter-bar{background-color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:var(--simple-shadow)}.filter-bar form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:center}.filter-bar .form-group{display:flex;flex-direction:column}.filter-bar label{font-size:.875rem;font-weight:500;color:var(--spacegrey);margin-bottom:.5rem}.filter-bar input,.filter-bar select{padding:.6rem .8rem;border:1px solid var(--light-border)!important;border-radius:6px;font-size:1rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;background-color:#fff}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--secondary)!important;box-shadow:0 0 0 3px var(--secondary-transparent)!important}.filter-bar .filter-buttons{grid-column:-1;display:flex;gap:.5rem;align-self:end}.filter-bar button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.filter-bar button[type=submit]{background-color:var(--secondary);color:#fff}.filter-bar button[type=submit]:hover{background-color:var(--secondary-light)}.filter-bar a.clear-button{background-color:var(--background-dark);color:var(--spacegrey);text-decoration:none;padding:.6rem 1.2rem;border-radius:6px;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.filter-bar a.clear-button:hover{background-color:var(--background)}.alumni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.alumni-card{position:relative;background-color:#fff;border:1px solid white;border-radius:8px;box-shadow:var(--simple-shadow);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border .2s ease;overflow:hidden}.card-cover-link{position:absolute;inset:0;z-index:1;text-indent:-9999px}.alumni-card:hover{border:1px solid var(--light-border)}.card-part{border-bottom:1px solid var(--background)}.alumni-card .card-part:last-child{border-bottom:none}.upper-part{display:flex;padding:.8rem 1.5rem;align-items:flex-start;gap:1.4rem}.alumni-card .profile-photo{width:90px;height:90px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--light-border);flex-shrink:0}.alumni-basic-info{display:flex;flex-direction:column;gap:0;text-align:left}.alumni-card .alumni-name{font-size:1.35rem;font-weight:4600;color:var(--spaceblack)}.alumni-card .alumni-department{font-size:1rem;color:var(--spacegrey);margin:0}.blood-group{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;color:var(--spacegrey);margin-left:.5rem}.blood-group i{font-size:.8rem}.alumni-socials{display:flex;gap:.75rem;padding:0;border:none;margin-top:.3rem}.alumni-socials a{position:relative;z-index:2;color:var(--secondary);font-size:1.25rem;transition:color .2s ease}.alumni-socials a:hover{color:var(--secondary-light)}.middle-part,.lower-part{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:.5rem}.middle-item{display:flex;align-items:baseline;padding:.3rem 1.5rem;gap:.5rem;font-size:.875rem;color:var(--spacegrey)}.middle-item i{width:14px;text-align:center;color:var(--spacegrey)}.lower-item{display:flex;padding:.8rem 1.5rem;align-items:baseline;gap:.2rem;font-size:.75rem;color:var(--spacegrey)}.lower-item i{width:14px;text-align:center;color:var(--spacegrey)}@media(max-width:1024px){.alumni-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.alumni-grid,.filter-bar form{grid-template-columns:1fr}.filter-bar .filter-buttons{grid-column:1}.filter-bar .filter-buttons>*{flex:1}.filter-bar .filter-buttons button{display:flex;justify-content:center}.upper-part{flex-direction:column;align-items:center;gap:.5rem}.alumni-basic-info{text-align:center}.alumni-socials,.alumni-card .lower-part{display:none}.alumni-card .middle-part{flex-direction:column;align-items:center;gap:.1rem}}.profile-container{max-width:900px;margin:3rem auto;padding:0 1rem;width:100%;box-sizing:border-box}.profile-card{background-color:#fff;border-radius:12px;box-shadow:var(--simple-shadow);overflow:hidden;text-align:center}.profile-banner{background-color:var(--primary);background-image:var(--primary-svg-pattern);height:150px;position:relative}.profile-picture-wrapper{position:relative;margin-top:-75px;display:inline-block}.profile-picture{width:150px;height:150px;border-radius:50%;border:5px solid white;-o-object-fit:cover;object-fit:cover;box-shadow:var(--simple-shadow)}.profile-info{padding:.5rem 2rem 2.5rem}.profile-name{font-size:2rem;font-weight:400;color:var(--spaceblack);margin:0}.profile-department{font-size:1.1rem;color:var(--spacegrey);margin-top:.25rem;margin-bottom:1.5rem}.profile-bio{font-size:1rem;color:var(--spacegrey);text-align:center;margin-bottom:1.5rem;line-height:1.6}.profile-divider{width:80%;margin:0 auto 2rem;border-top:1px solid var(--light-border)}.profile-socials{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.profile-socials a{font-size:1.75rem;color:var(--secondary);transition:color .2s ease-in-out}.profile-socials a:hover{color:var(--secondary-light)}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;justify-items:center;margin-bottom:2rem}.detail-item{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--primary-dark)}.detail-item i{font-size:1.2rem;color:var(--primary-dark);width:24px;text-align:center}.profile-hobby{text-align:center;margin-bottom:2rem;padding:0 1rem}.profile-hobby h3{font-size:1.2rem;color:var(--primary-dark);margin-bottom:.5rem;font-weight:500}.profile-hobby p{font-size:1rem;color:var(--spacegrey);line-height:1.6;max-width:700px;margin:0 auto}@media(max-width:768px){.profile-details-grid{grid-template-columns:1fr;gap:1rem}.profile-banner{height:120px}.profile-picture-wrapper{margin-top:-60px}.profile-picture{width:120px;height:120px}.profile-name{font-size:1.8rem}.profile-info{padding:1rem 1.5rem 2rem}}.frontend-pagination-container span[aria-current=page] span,.frontend-pagination-container a[aria-current=page]{background-color:var(--secondary)!important;color:#fff!important;border-color:var(--secondary)!important;z-index:10}.frontend-pagination-container .relative.z-0.inline-flex a,.frontend-pagination-container .relative.z-0.inline-flex span>span{padding:.4rem .9rem!important;font-size:.8rem!important;color:gray;background-color:#fff;border-color:var(--background-dark)!important}.frontend-pagination-container .relative.z-0.inline-flex a[rel=prev],.frontend-pagination-container .relative.z-0.inline-flex a[rel=next],.frontend-pagination-container .relative.z-0.inline-flex span[aria-label]>span{padding:.4rem!important}.frontend-pagination-container .relative.z-0.inline-flex a:hover{background-color:var(--background-color)!important}.frontend-pagination-container .relative.z-0.inline-flex a:focus{outline:var(--background-dark)!important;box-shadow:none!important}.frontend-pagination-container p{color:var(--spaceblack)!important}.profile-edit-container{width:70%;margin:2rem auto;padding:2rem}.profile-edit-header{text-align:center;margin-bottom:2rem}.profile-edit-header h1{font-size:2.8rem;font-weight:400;color:var(--spaceblack);margin-bottom:.5rem}.profile-edit-header p{font-size:1.1rem;color:var(--spacegrey)}.profile-edit-content{display:grid;grid-template-columns:1fr;gap:2rem}.profile-card{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:var(--simple-shadow)}.profile-card h2{font-size:1.5rem;font-weight:500;color:var(--primary-dark);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--light-border)}.profile-photo-area{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:2rem}.photo-preview-container{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 10px 25px #0000001a;border:5px solid white}.photo-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-upload-actions{display:flex;flex-direction:column;gap:1rem}.photo-upload-actions .upload-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:350px}.photo-upload-actions .delete-form-container{margin-top:1rem;border-top:1px solid var(--light-border);padding-top:1rem;width:100%;max-width:350px}.photo-upload-actions .btn-secondary,.photo-upload-actions .btn-primary,.photo-upload-actions .btn-danger-outline{display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%}.file-name-display{font-size:.9rem;color:var(--spacegrey);font-style:italic;text-align:center;width:100%}.hidden-file-input{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:600;color:var(--spacegrey);margin-bottom:.5rem;text-align:left}.form-group input[type=text],.form-group input[type=email],.form-group input[type=url],.form-group input[type=date],.form-group input[type=password],.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;color:var(--spaceblack);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-transparent)}.form-group textarea{resize:vertical;min-height:100px}.form-error{color:var(--danger);font-size:.8rem;margin-top:.25rem}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.danger-zone{border-color:var(--danger);border-width:1px}.danger-zone h2{color:var(--danger)}.danger-zone p{font-size:1rem;line-height:1.6;color:var(--spacegrey);margin-bottom:1.5rem}.btn-primary,.btn-danger,.btn-secondary,.btn-danger-outline{padding:.75rem 1.5rem;border:1px solid transparent;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-align:center;display:inline-block;text-decoration:none;transition:all .2s}.btn-primary{background-color:var(--secondary);color:#fff}.btn-primary:hover{background-color:var(--secondary-light)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#a53f41}.btn-secondary{background-color:var(--background-dark);color:var(--spaceblack)}.btn-secondary:hover{background-color:var(--background)}.btn-danger-outline{background-color:var(--danger);color:#fff}.btn-danger-outline:hover{background-color:#a53f41}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.profile-edit-container{padding:1rem}.form-grid{grid-template-columns:1fr}.profile-photo-area{grid-template-columns:1fr;justify-items:center}.photo-upload-actions{width:100%;align-items:center}.photo-upload-actions .upload-form{align-items:stretch}.photo-preview-container{width:150px;height:150px}.btn-primary,.btn-danger,.btn-secondary,.btn-danger-outline{width:100%;justify-content:center}}.admin-modal-container{position:fixed;inset:0;z-index:50;overflow-y:auto;padding:1.5rem;display:flex;align-items:center;justify-content:center}.admin-modal-backdrop{position:fixed;inset:0}.admin-modal-backdrop-overlay{position:absolute;inset:0;background-color:var(--spacegrey);opacity:.75}.admin-modal-panel{position:relative;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;margin-left:auto;margin-right:auto}.admin-modal-panel--sm{max-width:28rem}.admin-modal-panel--md{max-width:32rem}.admin-modal-panel--lg{max-width:36rem}.admin-modal-panel--xl{max-width:42rem}.admin-modal-panel--2xl{max-width:48rem}.admin-modal-transition-enter{transition-timing-function:ease-out;transition-duration:.3s}.admin-modal-transition-enter-start{opacity:0}.admin-modal-transition-enter-end{opacity:1}.admin-modal-transition-leave{transition-timing-function:ease-in;transition-duration:.2s}.admin-modal-transition-leave-start{opacity:1}.admin-modal-transition-leave-end{opacity:0}.admin-modal-panel-transition-enter{transition-timing-function:ease-out;transition-duration:.3s}.admin-modal-panel-transition-enter-start{opacity:0;transform:translateY(1rem) scale(.95)}.admin-modal-panel-transition-enter-end{opacity:1;transform:translateY(0) scale(1)}.admin-modal-panel-transition-leave{transition-timing-function:ease-in;transition-duration:.2s}.admin-modal-panel-transition-leave-start{opacity:1;transform:translateY(0) scale(1)}.admin-modal-panel-transition-leave-end{opacity:0;transform:translateY(1rem) scale(.95)}.footer{background-color:var(--primary-dark);color:var(--primary-light);padding:60px 20px 20px}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid #624a52}.footer-section h3{font-size:1.2rem;font-weight:500;color:var(--background);margin-bottom:20px}.footer-section.about .logo{font-size:1.8rem;color:var(--background);font-weight:700;margin-bottom:15px}.footer-section.about p{font-size:.9rem;line-height:1.6}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{color:var(--primary-light);text-decoration:none;transition:color .3s ease}.footer-links ul li a:hover{color:#fff}.footer-bottom{padding-top:20px;text-align:center;font-size:.9rem}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{color:var(--primary-light);font-size:1.2rem;transition:color .3s ease}.social-icons a:hover{color:var(--background)}.subscribe-form{display:flex;margin-top:20px}.subscribe-form .subscribe-input{flex-grow:1;padding:10px;border:1px solid #624a52;background-color:#624a52;color:var(--primary-light);border-radius:4px 0 0 4px}.subscribe-form .subscribe-input:focus{outline:none!important;border-color:var(--secondary)!important;box-shadow:none!important}.subscribe-form .subscribe-button{padding:10px 15px;border:none;background-color:var(--secondary);color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s ease}.subscribe-form .subscribe-button:hover{background-color:var(--secondary-light)!important}.content-page-container{padding:2rem;background-color:var(--background)}.content-page-card{max-width:900px;margin:0 auto;background-color:#fff;border-radius:.5rem;box-shadow:var(--simple-shadow);overflow:hidden}.content-page-header{background-color:var(--primary);background-image:var(--primary-svg-pattern);color:#fff;padding:2.5rem;text-align:center}.content-page-title{font-size:2.8rem;font-weight:300;letter-spacing:1px;color:#fff}.content-page-content{padding:3rem;font-size:1.1rem;line-height:1.8;color:var(--primary-dark)}.content-page-content h1,.content-page-content h2,.content-page-content h3,.content-page-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:var(--primary-darker)}.content-page-content p{margin-bottom:1.5rem}.content-page-content ul,.content-page-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.content-page-content a{color:var(--accentC);text-decoration:underline}.content-page-content blockquote{border-left:4px solid var(--primary-light);padding-left:1rem;margin:2rem 0;font-style:italic;color:#666}@media(max-width:768px){.content-page-container{padding:2rem 1.5rem}.content-page-title{font-size:2.2rem}.content-page-content{padding:2rem;font-size:1rem}}@media(max-width:480px){.content-page-container{padding:1.5rem 1rem}.content-page-title{font-size:1.8rem}.content-page-content{padding:1.5rem}}.content-page-tabs-wrapper{max-width:900px;margin:0 auto 0rem}.content-page-tabs{display:flex;justify-content:center;gap:.5rem}.content-page-tab-button{background:none;border:none;padding:.5rem .3rem;font-size:1rem;font-weight:500;color:var(--primary-dark);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.content-page-tab-button:hover{border-bottom-color:var(--primary-dark)}.content-page-tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}