:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#000,#2b2a2a);font-family:Poppins}button{font-family:Poppins;font-weight:"bold"}input:focus,select:focus{box-shadow:inset 2px 2px 4px #121212,inset -2px -2px 4px #3a3a3a,0 0 10px #e2d7a080;color:#e2d7a0;border-color:#e2d7a0}select option{background-color:#000;color:#fff}input,select{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);color:#c8c8c8;border:1px solid #111;border-radius:6px;box-shadow:1px 1px 8px #121212,-2px -2px 6px #2d2d2d;padding:8px 12px;font-family:Poppins;outline:none;transition:all .2s ease-in-out}.navbar{position:fixed;top:0;width:100%;height:6%;max-height:70px;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:1rem;box-shadow:0 2px 5px #0003;z-index:1000;overflow-y:hidden;animation:slideIn .6s ease-out}.navbar.fullscreen{height:10%;padding:.5rem}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-logo{width:60px;rotate:30deg;margin-top:-8px;margin-left:-4%}.navbar-title{font-family:Arizonia,cursive;color:#fbf3bb;font-size:3rem;text-shadow:0px 0px 15px rgba(253,253,211,.79);margin:0}.navbar-right{display:flex;justify-content:flex-end;align-items:center;margin-right:5.5vw;column-gap:10px}.homepage{min-height:110vh;width:100vw;box-sizing:border-box;z-index:0;overflow-x:hidden}.header{background-image:url(./headerBg-B_XTGBSK.jpg);background-size:cover;background-position:center;height:20vw;max-width:100vw;position:relative;margin-top:10px;padding:2rem;overflow:hidden}.img{position:fixed;bottom:0;right:0;width:40%;z-index:1000;animation:fadeImage 1s;opacity:.2}.title-grid{text-align:center;display:grid;grid-template-rows:3fr 1fr;position:absolute;width:90%;height:10px;top:9vw;gap:-10px;bottom:0}.title{z-index:100;font-family:Amiri;font-size:15vw;background:-webkit-linear-gradient(#fcf9ee,#f0e3a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 0px 3px rgba(236,236,208,.589);animation:slideIn 3s ease-in-out;line-height:.7}.subtitle{font-family:Poppins;font-size:3.1vw;color:#e2d7a0;animation:slideIn 3s ease-in-out;z-index:100}.liner{background-color:#000;margin:0;max-width:100vw;text-align:center;padding:5px 0;animation:slideInLeft 2s ease-in-out;overflow:hidden}.liner-text{font-family:Poppins;font-weight:700;color:#fffbef;overflow:hidden;white-space:nowrap;display:inline-block;font-size:3.5vw;text-shadow:0 0 10px rgba(255,249,236,.226)}.mission-joinus{display:flex;flex-direction:column;row-gap:20px;margin:2rem 0;animation:slideInLeft 2s ease-in-out}.mission-box,.joinus-box{padding:2rem 1rem;background-color:#3433335e;border:5px dashed black;border-radius:20px;max-width:90%;margin:0 auto;box-sizing:border-box;overflow:hidden;min-width:85vw;transition:all .4s ease-in-out}.mission-box{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mission-title,.joinus-title{font-family:Arizonia;font-weight:700;text-align:center;font-size:5rem;color:#ebdfa3;text-shadow:1px 1px 5px rgba(243,240,220,.829);margin:0;width:100%}.card{height:19rem;aspect-ratio:1.2/1;background-size:cover;background-position:center;position:relative;border-radius:10px;box-shadow:2px 5px 8px #1c1d1e66;transition:transform .5s ease-in-out;box-sizing:border-box;border:5px dashed rgb(0,0,0)}.overlay{height:4rem;aspect-ratio:1.5/1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;opacity:.7;overflow:hidden}.card-text{text-align:center;font-family:Poppins;font-weight:700;font-size:1.5rem;color:#f5e2bb;text-shadow:2px 2px px rgb(194,177,102);display:flex;padding:1rem;position:absolute;white-space:normal;word-wrap:break-word;top:30%;left:0}.card:hover{transform:scale(1.05);color:#f0e79e}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#d4d0d04d;color:#fff;border:none;border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer;font-size:18px;z-index:3}.joinus-text{text-align:center;font-family:Poppins;font-size:clamp(16px,3vw,20px);color:#f5e2bb;text-shadow:2px 2px 2px rgb(62,62,62);white-space:normal;word-wrap:break-word;margin:0;padding:1rem}.joinus-button{display:block;background-color:#e2d7a0;color:#000;font-weight:700;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:0 auto;text-align:center;max-width:140px;font-family:Poppins;transition:all .4s ease-in-out}.signup-button{background:linear-gradient(90deg,#e2d7a0,#e2d7a0,#e2d7a0);color:#000;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:25px;margin:0 auto;text-align:center;max-width:140px;font-family:Poppins;font-weight:700;transition:all .4s ease-in-out}.signup-button:hover,.joinus-button:hover{background:linear-gradient(90deg,#fcf7df,#e2d7a0,#dbcc95);color:#000;text-shadow:0 0 15px rgba(0,0,0,.452);box-shadow:0 0 20px #ddce9acc;transform:scale(1.05)}.mission-box:hover,.joinus-box:hover{transform:scale(1.02);box-shadow:0 0 25px #e2d7a040;border-color:#e2d7a0;transition:all .4s ease-in-out;background-color:#3433338c}.overlay-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;animation:fadeInOverlay .5s forwards ease-in-out}.signup-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;color:#fff;padding:2rem;border:5px dashed black;border-radius:20px;width:400px;max-height:500px;overflow-y:auto;z-index:3000;box-shadow:0 0 30px #fceebc66;animation:fadeInUp .4s ease forwards}.signup-title{text-align:center;margin-bottom:1rem;font-family:Arizonia,sans-serif;color:#e2d7a0;font-size:3rem}.role-toggle{display:flex;justify-content:center;padding:0 5rem;margin-bottom:1rem;gap:10px}.role-toggle button{background:none;border:1px solid #e2d7a0;padding:.5rem 1rem;border-radius:10px;color:#e2d7a0;cursor:pointer;transition:all .3s ease}.role-toggle button.active,.role-toggle button:hover{background:linear-gradient(90deg,#fcf7df,#e2d7a0,#dbcc95);color:#000;box-shadow:0 0 15px #f7e8b599}.signup-form{display:flex;flex-direction:column;gap:10px}.signup-form input{padding:10px;border-radius:8px;border:none;outline:none;font-family:Poppins}.submit-btn{background:linear-gradient(90deg,#fcf7df,#e2d7a0,#dbcc95);border:none;border-radius:10px;padding:.7rem;color:#000;font-weight:700;margin-top:10px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:scale(1.03);box-shadow:0 0 15px #f8ecc2cc}.or-divider{text-align:center;color:#aaa;margin:1rem 0}.google-btn{background:#fff;color:#000;border:none;border-radius:10px;padding:.6rem;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-family:Poppins;cursor:pointer;transition:all .3s ease}.google-btn:hover{transform:scale(1.05)}.google-btn img{width:20px}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding:10px 35px 10px 10px;border-radius:8px;border:none;outline:none;font-family:Poppins}.eye-icon{position:absolute;right:10px;cursor:pointer;color:#e2d7a0;transition:all .2s ease}.eye-icon:hover{color:#fdf2ca;transform:scale(1.1)}.signup-subtext{color:#f5e58f;text-align:center;font-family:Poppins;margin:10px 0 25px}.login-signup-choice{display:flex;justify-content:center;gap:20px;margin-top:20px}.choice-btn{background:linear-gradient(90deg,#e2d7a0,#e2d7a0,#e2d7a0);border:none;border-radius:8px;padding:10px 25px;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins}.choice-btn:hover{background:linear-gradient(90deg,#fcf7df,#e2d7a0,#dbcc95);transform:scale(1.05);box-shadow:0 0 15px #f8ecc2cc}.back-option{text-align:center;margin-top:15px;color:#e2d7a0;font-family:Poppins;cursor:pointer;transition:.3s ease}.back-option:hover{color:#dbcc95;transform:scale(1.05)}.phone-field{display:grid;grid-template-columns:10% 1fr;align-items:center;border:none;column-gap:.25rem;border-radius:6px}.country-code{color:#b4b4b4;margin-right:8px;white-space:nowrap;text-align:center}@media (max-width: 380px){.header{height:20vw;margin-top:5px}.signup-button{white-space:nowrap}.navbar-logo{width:60px}.navbar-title{font-size:30px}.navbar{padding:1rem}}@media (min-width: 1024px){.homepage{padding-top:60px}.header{height:300px}.title{margin-top:-35px;left:31%;font-size:15rem}.subtitle{font-size:2.5rem}.img{width:25%}.card-text{top:25%}.card{height:400px}.liner-text{font-size:3rem}.mission-box{row-gap:2rem}}@media (max-width: 480px){.navbar{padding:.5rem}.header{margin-top:50px}.title-grid{top:7.5vw}.title{font-size:25vw}.subtitle{font-size:5vw}.img{width:70%}.liner-text{font-size:3.5vw}.mission-title,.joinus-title{font-size:9vw;margin-bottom:10px}.card{height:14rem;aspect-ratio:1/1}.card-text{font-size:1rem;top:25%}.joinus-text{font-size:.9rem}.joinus-button,.signup-button{font-size:.9rem;padding:8px 12px}.signup-dialog{width:80%;padding:1rem}.signup-title{font-size:2rem}.mission-box,.joinus-box{min-width:90vw;padding:1rem}}@media (min-width: 481px) and (max-width: 768px){.header{margin-top:80px}.title-grid{top:15%}.title{font-size:20vw;left:29%}.subtitle{font-size:3.5vw;left:30%}.img{width:55%}.mission-title,.joinus-title{font-size:3.5rem}.card{height:16rem}.card-text{font-size:1.2rem}}@media (min-width: 769px) and (max-width: 1025px){.header{margin-top:70px}.title-grid{top:15%}.title{font-size:25vw;left:28%}.subtitle{font-size:1.8rem;left:33%}.img{width:40%}.mission-title,.joinus-title{font-size:4rem}.card{height:18rem}.liner-text{font-size:3.5vw}}@media (min-width: 1030px) and (max-width: 1590px){.liner-text{font-size:3.5vw}.title{font-size:20vw}}@media (min-width: 1600px){.title{font-size:18rem;left:30%}.subtitle{font-size:3rem}.img{width:20%}.mission-title,.joinus-title{font-size:6rem}.card{height:28rem}.liner-text{font-size:2.85rem}}body{overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e2d7a0,#c8b870);border-radius:10px;border:2px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f5e9b4,#e2d7a0)}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeImage{0%{opacity:0}to{opacity:.2}}@keyframes typing{0%{width:0}to{width:98%}}@keyframes blink{50%{border-color:transparent}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.form{min-height:100vh;box-sizing:border-box;z-index:0;padding-top:60px;overflow-x:hidden;padding-bottom:50px}.form-header{background-color:#000;padding:2rem;height:4rem;text-align:center;margin-top:10px;position:relative;display:flex;align-items:center;justify-content:center}.form-title{font-size:4rem;font-weight:900;color:#eadbb8;margin:0;font-family:Arizonia}.form-body{border:dashed 5px rgba(100,100,100,.823);position:relative;width:90%;display:grid;overflow:hidden;color:#fff;border-radius:5px;background-color:#000;box-shadow:0 0 10px #25252580;font-family:Poppins;grid-template-columns:1fr;margin:20px 20px 0 5%;margin-top:3rem}.form-left{padding:1rem;display:grid;grid-template-columns:40% 40%;gap:6px;align-items:center;text-align:left;font-size:1rem;font-weight:600;font-family:Poppins;place-content:center}.form-right{padding:1rem;font-weight:600;font-family:Poppins;place-content:center;border-bottom:dashed 1px rgba(236,236,236,.823)}p{margin-bottom:5px}h2,h1{margin:0;padding:1rem}h1{font-size:3rem}.submit-button{padding:10px 4px;background-color:#19501b;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:15px;border:3px dashed #13af66;max-width:150px;white-space:nowrap;font-family:Poppins;font-size:1rem;font-weight:"bold"}.submit-button:hover{background-color:#45a049;border-color:#1e744c}.address-group{margin:1rem 0;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.address-group,.contact-group{flex-direction:column;width:100%}.phone-input{flex-direction:row}.code-display{font-size:.9rem;padding:6px 8px}}@media (min-width: 1024px){.form-header{height:7rem;margin-top:30px;position:relative}.form-title{font-size:6.5rem;left:30%;top:0}.form-body{grid-template-columns:40% 1fr;place-content:center}.form-left{border-bottom:none;padding:2rem;gap:2px}.form-right{border-right:dashed 1px rgba(236,236,236,.823)}.submit-button{border:5px dashed #13af66;max-width:250px}}