@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@600;700&display=swap";
.join-wrapper{background:#000;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}#tsparticles{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){#tsparticles{display:none!important}}.join-form{z-index:5;color:#fff;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(15,15,15,.95);border:1px solid rgba(255,255,255,.08);border-radius:1.3rem;width:100%;max-width:750px;padding:2.5rem;animation:.6s ease-out popup;position:relative;box-shadow:0 0 25px rgba(255,255,255,.05)}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-title{text-align:center;-webkit-text-fill-color:transparent;letter-spacing:.5px;background:linear-gradient(90deg,#c084fc,#ec4899);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:700}.sub-head{text-align:center;color:#aaa;margin-bottom:2rem}.form-group{flex-direction:column;margin-bottom:1.6rem;display:flex}.form-group label{color:#ec4899;letter-spacing:.3px;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:.7rem;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#ec4899;outline:none;box-shadow:0 0 10px rgba(236,72,153,.35)}.white-field input,.white-field textarea{color:#000!important;background:#fff!important}.calendar-toggle{cursor:pointer;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:.7rem;padding:.9rem 1rem;transition:all .3s}.calendar-toggle:hover{background:rgba(236,72,153,.1);border-color:#ec4899}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.4px;background:linear-gradient(90deg,#c084fc,#ec4899);border:none;border-radius:.8rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(236,72,153,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.popup{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border-radius:1rem;align-items:flex-start;gap:.8rem;width:90%;max-width:480px;padding:1.3rem 1.5rem;line-height:1.5;animation:.5s fadeIn;display:flex;position:fixed;top:25%;left:50%;transform:translate(-50%);box-shadow:0 0 25px rgba(255,255,255,.1)}.popup.success{color:#22c55e;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.5)}.popup.error{color:#ef4444;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4)}.popup.warning{color:#f59e0b;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4)}.popup-icon{flex-shrink:0;width:30px;height:30px;margin-top:4px}.popup span{color:#e5e5e5;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:600px){.join-form{padding:2rem 1.4rem}.form-title{font-size:1.9rem}.popup{width:90%;padding:1rem 1.2rem;font-size:.9rem;top:30%}}.login-note{text-align:center;color:#bbb;margin-top:1.2rem;font-size:.95rem}.login-inline-btn{color:#ec4899;cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:600;transition:all .3s}.login-inline-btn:hover{color:#c084fc}.login-inline{align-items:center;gap:8px;margin-top:.6rem;display:flex}.login-popup-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#c084fc,#ec4899);border:none;border-radius:.6rem;padding:.4rem 1rem;font-weight:600;transition:all .3s}.login-popup-btn:hover{transform:translateY(-2px);box-shadow:0 0 10px rgba(236,72,153,.4)}
.choose-wrapper{flex-direction:column;margin-bottom:1.6rem;display:flex;position:relative}.choose-label{color:#ec4899;letter-spacing:.3px;margin-bottom:.5rem;font-size:1rem;font-weight:500}.choose-display{color:#fff;cursor:pointer;background:rgba(15,15,25,.95);border:1px solid rgba(255,255,255,.15);border-radius:.7rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 0 8px rgba(236,72,153,.15)}.choose-display:hover{border-color:rgba(236,72,153,.6);box-shadow:0 0 15px rgba(236,72,153,.25)}.choose-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:rgba(10,10,20,.95);border:1px solid rgba(236,72,153,.4);border-radius:.8rem;width:100%;max-width:320px;margin-top:.4rem;animation:.25s ease-in-out fadeIn;position:absolute;overflow:hidden;box-shadow:0 0 20px rgba(236,72,153,.15)}.choose-option{color:#fff;cursor:pointer;padding:.8rem 1rem;font-size:.95rem;transition:all .25s}.choose-option:hover{background:linear-gradient(90deg,rgba(161,30,107,.2),rgba(214,58,136,.2));box-shadow:inset 0 0 10px rgba(236,72,153,.25)}.choose-option.selected{background:linear-gradient(90deg,#eb1491,rgba(201,30,115,.714));font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toggle-container{align-items:center;gap:1rem;margin-top:1rem;display:flex}.toggle-switch{cursor:pointer;background:#991b1b;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:70px;height:28px;transition:all .4s;position:relative;box-shadow:0 0 6px rgba(255,0,0,.4)}.toggle-switch.active{background:#15803d;box-shadow:0 0 8px rgba(34,197,94,.5)}.toggle-circle{background:#fff;border-radius:4px;width:22px;height:22px;transition:all .35s;position:absolute;top:3px;left:4px}.toggle-switch.active .toggle-circle{transform:translate(36px)}.toggle-state{color:#fff;text-transform:uppercase;width:40px;font-size:.9rem;font-weight:600}
.calendar-wrapper{width:100%;max-width:280px;position:relative}.calendar-display{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:.7rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:all .3s;display:flex}.calendar-display:hover{border-color:#ec4899;box-shadow:0 0 10px rgba(236,72,153,.3)}.calendar-popup{z-index:40;background:rgba(15,15,15,.95);border:1px solid rgba(236,72,153,.3);border-radius:.8rem;width:100%;padding:.7rem;animation:.25s ease-in-out fadeIn;position:absolute;top:115%;left:0;box-shadow:0 0 10px rgba(236,72,153,.2)}.calendar-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.calendar-header button{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:.4rem;padding:.3rem .6rem}.calendar-header button:hover{background:linear-gradient(90deg,#c084fc,#ec4899)}.year-select{color:#fff;z-index:999;background:rgba(30,30,30,.9);border:1px solid rgba(236,72,153,.3);border-radius:.3rem;padding:.25rem .4rem;font-size:.85rem;position:relative}.calendar-title{color:#ec4899;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.calendar-day-name{color:#ec4899;font-size:.7rem;font-weight:600}.calendar-day{cursor:pointer;color:#fff;border-radius:.3rem;padding:.4rem 0;font-size:.85rem;transition:all .3s}.calendar-day:hover{background:linear-gradient(90deg,#c084fc,#ec4899)}.selected-day{color:#fff;background:linear-gradient(90deg,#c084fc,#ec4899);font-weight:600;box-shadow:0 0 6px rgba(236,72,153,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.location-wrapper{flex-direction:column;gap:1rem;width:100%;display:flex}.location-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.dropdown{flex:1;position:relative}.dropdown-display{color:#eaeaea;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.9rem;align-items:center;gap:.7rem;padding:1rem 1.2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:inset 0 0 12px rgba(255,255,255,.04)}.dropdown-display:hover{background:rgba(255,255,255,.08);border-color:rgba(236,72,153,.5);transform:translateY(-1px);box-shadow:0 0 14px rgba(236,72,153,.25),inset 0 0 6px rgba(255,255,255,.08)}.dropdown-display.disabled{opacity:.5;cursor:not-allowed}.icon{color:#ec4899;flex-shrink:0;width:20px;height:20px;transition:color .3s}.dropdown-display:hover .icon{color:#c084fc}.dropdown-list{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(25,25,25,.95);border:1px solid rgba(255,255,255,.1);border-radius:.8rem;max-height:270px;animation:.25s ease-out fadeIn;position:absolute;top:110%;left:0;right:0;overflow-y:auto;box-shadow:0 0 25px rgba(0,0,0,.45),inset 0 0 15px rgba(255,255,255,.03)}.dropdown-item{color:#ccc;letter-spacing:.3px;border-radius:.4rem;margin:.1rem .4rem;padding:.85rem 1rem;font-weight:400;transition:all .25s}.dropdown-item:hover{color:#fff;background:linear-gradient(90deg,rgba(192,132,252,.3),rgba(236,72,153,.3));transform:translate(4px)}.dropdown-item.active{color:#fff;background:linear-gradient(90deg,rgba(192,132,252,.6),rgba(236,72,153,.6));font-weight:500;box-shadow:0 0 10px rgba(236,72,153,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(#c084fc,#ec4899);border-radius:8px}.dropdown-list::-webkit-scrollbar-track{background:0 0}@media (max-width:700px){.location-row{flex-direction:column}}