@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cinzel:wght@400;700&family=Cormorant+Garamond:wght@600;700&family=Jost:wght@500&display=swap";:root{--header-height: 3.5rem;--first-color: hsl(40, 50%, 45%);--first-color-alt: hsl(40, 50%, 35%);--white-color: hsl(0, 0%, 95%);--black-color: hsl(210, 24%, 10%);--text-color: hsl(0, 0%, 80%);--body-color: hsl(210, 20%, 15%);--container-color: hsl(210, 20%, 20%);--red-color: hsl(0, 60%, 40%);--body-font: "Jost", sans-serif;--second-font: "Cinzel", serif;--arabic-font: "Amiri", serif;--biggest-font-size: 3.5rem;--bigger-font-size: 2.75rem;--big-font-size: 1.25rem;--normal-font-size: .938rem;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width:1150px){:root{--biggest-font-size: 6rem;--bigger-font-size: 4.5rem;--big-font-size: 2rem;--normal-font-size: 1rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1280px}.main{overflow:hidden}@media screen and (max-width:300px){.container{margin-inline:1rem}}@media screen and (min-width:1150px){.container{margin-inline:auto}}.header{position:fixed;width:100%;top:0;left:0;background:linear-gradient(180deg,#3a3f45,#1a1f24);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #00000080;z-index:var(--z-fixed);transition:background-color .4s,box-shadow .4s}.shadow-header{box-shadow:0 4px 16px #000c}.nav{position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding-inline:1.5rem}.nav__logo{display:flex;align-items:center;column-gap:.5rem;font-family:var(--second-font);color:var(--black-color)}.nav__logo img{padding-left:0;width:150px;height:auto}.nav__logo span{font-weight:var(--font-bold)}.nav__list{display:flex;text-align:center;flex-direction:column;row-gap:2.5rem}.nav__link{color:var(--white-color);font-weight:var(--font-medium);font-size:var(--normal-font-size);transition:color .3s,text-shadow .3s}.nav__link:hover{color:var(--first-color);text-shadow:0 0 8px var(--first-color)}.nav__toggle,.nav__close{display:flex;font-size:2rem;cursor:pointer}.nav__close{position:absolute;top:1rem;right:1rem;display:flex;color:var(--black-color)}@media screen and (max-width:1150px){.nav__logo img{width:150px}.nav__toggle{color:var(--black-color);background-color:transparent;padding:0;border:none;font-size:2rem;cursor:pointer}.nav__menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--body-color);box-shadow:0 4px 8px #0000001a;padding:2rem 0;transition:top .4s ease,opacity .4s ease;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;z-index:200}.nav__menu.show{top:var(--header-height);opacity:1;pointer-events:auto}.nav__list{flex-direction:column;row-gap:2.5rem;align-items:center}}@media screen and (min-width:1151px){.nav__menu{position:relative;height:auto;display:flex!important;background:none;padding:0;flex-direction:row}.nav__list{flex-direction:row;column-gap:3rem}.nav__toggle,.nav__close{display:none}}.nav__button{border:1px solid var(--white-color);padding:.5rem 1.5rem;border-radius:6px;background:linear-gradient(135deg,#ffffff1a,#fff0);box-shadow:inset 0 0 10px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.nav__button:hover{background:var(--first-color);border-color:var(--first-color);color:#1a0f00;box-shadow:0 0 20px #c5a05966;text-shadow:none}.footer{background:linear-gradient(180deg,#3a3f45,#1a1f24);color:var(--text-color);padding:2rem 0 1rem;font-family:var(--body-font);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 6px #00000080}.footer__container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer__brand{flex:1 1 250px}.footer__brand img{width:150px;height:auto;margin-bottom:1rem}.footer__brand p{font-size:.95rem;line-height:1.5}.footer__links{flex:1 1 150px}.footer__links h3{margin-bottom:1rem;font-size:1.1rem;color:var(--first-color);font-family:var(--second-font)}.footer__links ul{list-style:none;padding:0;display:flex;gap:2rem}.footer__links li{margin-bottom:0}.footer__links a{color:var(--text-color);text-decoration:none;transition:color .3s}.footer__links a:hover{color:var(--first-color);text-shadow:0 0 8px rgba(197,160,89,.4)}.footer__copy{text-align:center;margin-top:1rem;font-size:.85rem;color:#aaa;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}@media screen and (max-width:900px){.footer__container{flex-direction:column;align-items:center;text-align:center;gap:0rem}.footer__links ul{flex-direction:column;gap:1.5rem}.footer__brand{text-align:center;max-height:150px}.footer__container img{margin:15px auto}}.countdown{margin-top:6rem;margin-bottom:4rem;text-align:center;position:relative;z-index:5}.countdown__title{font-family:var(--second-font);color:var(--first-color);font-size:2.5rem;margin-bottom:2rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.countdown__timer{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.countdown__box{background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid var(--first-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;width:90px;padding:1rem .5rem;box-shadow:0 4px 6px #00000080}.countdown__box span{display:block;font-family:var(--second-font);font-size:2rem;font-weight:var(--font-bold);color:var(--white-color);text-shadow:0 0 5px rgba(197,160,89,.5)}.countdown__box small{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--first-color)}@media screen and (min-width:576px){.countdown__box{width:110px;padding:1.25rem .75rem}.countdown__box span{font-size:2.5rem}.countdown__box small{font-size:.875rem}}.host{position:relative;padding:6rem 0;background-color:var(--body-color);overflow:hidden}.host__container{position:relative;z-index:2;max-width:800px;text-align:center}.host__title{font-family:var(--second-font);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;margin-bottom:2rem;letter-spacing:2px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.host__description{font-size:1rem;line-height:1.9;letter-spacing:.5px}.host__logo-bg{position:absolute;inset:0;margin:auto;max-width:350px;opacity:.06;z-index:1;pointer-events:none}@media screen and (max-width:992px){.host{padding:6rem 2rem}.host__container{max-width:650px}.host__title{font-size:2.2rem}.host__description{font-size:.95rem;line-height:1.8}.host__logo-bg{max-width:280px}}@media screen and (max-width:576px){.host{padding:4rem 1.5rem}.host__container{max-width:100%}.host__title{font-size:1.8rem}.host__description{font-size:.9rem;line-height:1.6}.host__logo-bg{max-width:200px}}.about{padding:4rem 0}.about__container{max-width:1200px;margin:0 auto}.about__content{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}.about__text{flex:1 1 500px;text-align:center}.about__title{font-size:2.5rem;font-family:var(--second-font);margin-bottom:1.5rem;background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.about__description{font-size:1.1rem;line-height:1.6}.about__image{flex:1 1 250px;text-align:center}.about__image img{max-width:100%;max-height:350px;object-fit:cover;border-radius:1rem}@media screen and (max-width:900px){.about__content{flex-direction:column;margin-inline:1.5rem}}.venue{padding:4rem 0;background-color:var(--body-color)}.venue__container{max-width:1200px;margin:0 auto}.venue__title{font-size:2.5rem;text-align:center;margin-bottom:1rem;font-family:var(--second-font);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.venue__description{max-width:700px;margin:0 auto 3rem;font-size:1.1rem;text-align:center;line-height:1.6;color:var(--text-color)}.venue__content{display:flex;gap:2rem;flex-wrap:wrap;align-items:stretch}.venue__images,.venue__map{flex:1 1 500px;aspect-ratio:4 / 3;display:flex;border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px #0d0b081a}.venue__images{flex-direction:column;gap:1rem}.venue__images img{width:100%;height:100%;object-fit:cover;flex:1;border-radius:1rem}.venue__image{width:100%;height:100%;object-fit:cover;border-radius:1rem}.venue__map iframe{width:100%;height:100%;border:0;border-radius:1rem}@media screen and (max-width:900px){.venue__content{flex-direction:column;align-items:center;text-align:center;margin-inline:1.5rem}.venue__images,.venue__map{width:100%;max-width:500px;aspect-ratio:4 / 3}}@media screen and (min-width:1200px){.venue__content{gap:4rem}}.venue-details__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;justify-items:center;margin-inline:auto;margin-bottom:3rem}.venue-details__card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff0d,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(197,160,89,.2);border-radius:15px;padding:2rem 1.5rem;width:100%;max-width:320px;text-align:center;box-shadow:0 4px 16px #0003;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.venue-details__card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006;border-color:var(--first-color)}.venue-details__title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--first-color);font-family:var(--second-font)}.venue-details__value{font-size:1.1rem;color:var(--text-color)}@media screen and (max-width:992px){.venue-details__grid{gap:1.5rem}.venue-details__card{padding:1.5rem 1.25rem}.venue-details__value{font-size:1rem}}@media screen and (max-width:576px){.venue-details__grid{grid-template-columns:1fr}.venue-details__icon{font-size:1.8rem}}.contact,.oc-page{padding:4rem 0;margin-inline:1.5rem;margin:3rem}.oc-page__title{font-size:2.5rem;text-align:center;margin-bottom:1rem;font-family:var(--second-font);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.oc-page__description{font-size:1.1rem;max-width:700px;margin:0 auto 3rem;text-align:center;line-height:1.6;color:var(--text-color)}.contact__title{font-size:2.5rem;text-align:center;margin-bottom:1rem;font-family:var(--second-font);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.contact__description{font-size:1.1rem;max-width:700px;margin:0 auto 3rem;text-align:center;line-height:1.6;color:var(--text-color)}.oc-page__grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.oc-page__departments{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;align-items:flex-start}.oc-page__dept{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.oc-page__ocs{display:flex;flex-direction:column;gap:1rem;position:relative}.oc-page__connector{width:2px;height:30px;background:linear-gradient(to bottom,var(--first-color),transparent)}.contact__cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}@media screen and (max-width:900px){.contact__cards{flex-direction:column;align-items:center}}@media screen and (min-width:1150px){.contact,.oc-page{margin-inline:auto}}.member__card{background:linear-gradient(135deg,#ffffff0d,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(197,160,89,.2);padding:2rem;border-radius:1rem;width:280px;text-align:center;box-shadow:0 4px 24px #0d0b0833;display:flex;flex-direction:column;align-items:center;transition:transform .3s,border-color .3s}.member__card:hover{transform:translateY(-5px);border-color:var(--first-color)}.member__photo{width:150px;height:150px;object-fit:cover;margin-bottom:1rem;border-radius:50%;border:3px solid var(--first-color)}.member__name{font-size:1.25rem;margin-bottom:.25rem;color:var(--first-color);font-family:var(--second-font)}.member__role{font-size:1rem;color:var(--text-color);margin-bottom:.5rem}.member__email a{color:var(--first-color);text-decoration:none;font-weight:500;transition:text-shadow .3s}.member__email a:hover{text-shadow:0 0 5px rgba(197,160,89,.5);text-decoration:underline}.home{position:relative;overflow:hidden;background-color:var(--body-color)}.home__bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/dark-waves-bg.png);background-size:cover;background-position:center;opacity:.6;z-index:0;mix-blend-mode:overlay}.home__container{position:relative;padding-top:8rem;min-height:110vh;display:grid;align-items:start}.home__data{text-align:center;z-index:var(--z-tooltip);position:relative}.home__subtitle{font-size:var(--big-font-size);font-family:var(--second-font);color:var(--first-color);margin-bottom:.5rem;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.home__title{font-size:var(--biggest-font-size);font-family:var(--second-font);line-height:100%;margin-bottom:2rem;background:linear-gradient(180deg,#e3e3e3,#8f8f8f 40%,#4a4a4a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.home__title span{font-size:var(--bigger-font-size);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home__button{display:inline-block;background:linear-gradient(180deg,#3a3f45,#1a1f24);border:1px solid #555;padding:1rem 3rem;border-radius:4rem;color:#fff;font-family:var(--second-font);font-size:var(--normal-font-size);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 6px #00000080,inset 0 1px #fff3;transition:transform .3s,box-shadow .3s}.home__button:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0009,inset 0 1px #fff3,0 0 15px var(--first-color);border-color:var(--first-color)}.home__images{position:relative;display:flex;justify-content:center;align-items:center}.home__ship{width:100%;max-width:320px;top:-4rem;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));animation:ship-float 14s ease-in-out infinite}@keyframes ship-float{0%,to{transform:translate(0)translateY(-25px)}50%{transform:translate(-8rem)}}@media screen and (min-width:768px){.home__container{padding-top:8rem}.home__title{font-size:5rem}}@media screen and (min-width:1150px){.home__container{grid-template-columns:repeat(2,1fr);align-items:center;padding-top:6rem}.home__data{text-align:left}.home__ship{max-width:700px;transform:scale(1.1)}}.home__waves-fore{position:absolute;bottom:5%;left:0%;width:200%;min-height:15vh;height:auto;object-fit:cover;z-index:3;opacity:1;pointer-events:none;filter:drop-shadow(0 -5px 10px rgba(0,0,0,.5));animation:wave-move 5s ease-in-out infinite alternate}.home__waves-back{position:absolute;bottom:10%;left:0%;width:200%;min-height:25vh;height:auto;object-fit:cover;z-index:1;opacity:.6;pointer-events:none;animation:wave-move-back 7s ease-in-out infinite alternate-reverse}@media screen and (min-width:768px){.home__waves-fore{bottom:-20%}.home__waves-back{bottom:-10%}}@media screen and (min-width:1150px){.home__waves-fore{min-height:25vh;bottom:-60%}.home__waves-back{min-height:40vh;bottom:-45%}.home__ship{max-width:650px}}@keyframes wave-move{0%{transform:translateY(0) scale(1.02)}to{transform:translateY(10px) scale(1)}}@keyframes wave-move-back{0%{transform:translateY(-15px) translateY(5px) scale(1.05)}to{transform:translateY(15px) translateY(0) scale(1)}}.committees{padding:4rem 1.5rem;background-color:var(--body-color);text-align:center}.committees__container{max-width:1200px;margin:0 auto}.committees__title{font-family:var(--second-font);background:linear-gradient(180deg,#c5a059,#7d5e28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;margin-bottom:3rem;letter-spacing:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.committees__grid{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.committees__grid::-webkit-scrollbar{display:none}.committees__grid{-ms-overflow-style:none;scrollbar-width:none}.committee__card{margin:5px;scroll-snap-align:start;background:linear-gradient(135deg,#ffffff0d,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(197,160,89,.2);border-radius:15px;padding:2rem 1rem;box-shadow:0 4px 16px #0003;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;min-width:200px}.committee__card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006;border-color:var(--first-color)}.committee__logo{width:80px;height:80px;margin:auto;object-fit:contain;margin-bottom:1rem}.committee__name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--first-color);font-family:var(--second-font)}.committee__moto{font-family:var(--arabic-font);font-size:1.1rem;line-height:1.5;color:var(--text-color)}@media screen and (max-width:992px){.committees__title{font-size:2rem}.committee__card{min-width:180px;padding:1.5rem 1rem}.committee__name{font-size:1.1rem}.committee__moto{font-size:.9rem}}@media screen and (max-width:576px){.committees__title{font-size:1.8rem}.committee__logo{width:60px;height:60px}.committee__card{min-width:150px}}.music-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center}.music-modal{background:linear-gradient(180deg,#3a3f45,#1a1f24);border:1px solid var(--first-color);padding:2rem;border-radius:1rem;text-align:center;max-width:400px;width:90%;box-shadow:0 0 20px #c5a0594d;animation:fadeIn .5s ease-out}.music-modal__title{font-family:var(--second-font);color:var(--first-color);font-size:1.5rem;margin-bottom:1rem}.music-modal__text{color:var(--text-color);margin-bottom:1.5rem;font-family:var(--body-font)}.music-modal__buttons{display:flex;gap:1rem;justify-content:center}.music-btn{padding:.75rem 1.5rem;border-radius:4px;font-family:var(--second-font);font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase}.music-btn--primary{background-color:var(--first-color);color:#1a0f00;border:1px solid var(--first-color)}.music-btn--primary:hover{background-color:#d4b06a;box-shadow:0 0 10px var(--first-color)}.music-btn--secondary{background-color:transparent;color:var(--text-color);border:1px solid rgba(255,255,255,.3)}.music-btn--secondary:hover{border-color:var(--text-color);background-color:#ffffff1a}.music-control{position:fixed;bottom:2rem;left:2rem;z-index:1000;cursor:pointer;width:50px;height:50px;background:linear-gradient(135deg,#3a3f45,#1a1f24);border:1px solid var(--first-color);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000080;transition:transform .3s,box-shadow .3s}.music-control:hover{transform:scale(1.1);box-shadow:0 0 15px #c5a05966}.music-icon{font-size:1.5rem;color:var(--first-color)}.music-icon.playing{animation:pulse-music 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-music{0%{transform:scale(1);text-shadow:0 0 0 rgba(197,160,89,0)}50%{transform:scale(1.1);text-shadow:0 0 10px rgba(197,160,89,.5)}to{transform:scale(1);text-shadow:0 0 0 rgba(197,160,89,0)}}@media screen and (max-width:768px){.music-control{bottom:1.5rem;left:1.5rem;width:40px;height:40px}.music-icon{font-size:1.2rem}}