.loginWraper{font-family:var(--body-font);background:linear-gradient(135deg,var(--secondary-colour-light)0%,var(--secondary-colour-light)100%);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.auth-container{background:var(--secondary-colour-light);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.three-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.auth-card{background:var(--secondary-colour-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;border:1px solid rgba(238,238,238,.1);border-radius:max(12px,min(4vw,20px));width:100%;max-width:min(450px,100vw - 2rem);margin:1rem auto;padding:max(1.5rem,min(5vw,3rem));position:relative;box-shadow:0 20px 40px rgba(0,0,0,.3)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-family:var(--second-font);color:var(--primary-colour-light);margin-bottom:.5rem;font-size:max(1.8rem,min(6vw,2.5rem));line-height:1.2}.auth-subtitle{color:var(--primary-colour-dark);opacity:.8;font-size:max(.9rem,min(3vw,1rem));line-height:1.4}.auth-toggle{background:rgba(51,51,51,.5);border-radius:12px;margin-bottom:2rem;padding:.5rem;display:flex}.toggle-btn{color:var(--primary-colour-dark);font-family:var(--body-font);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-height:44px;padding:max(.6rem,min(2vw,.75rem));font-size:max(.85rem,min(2.5vw,1rem));font-weight:600;transition:all .3s}.toggle-btn.active{background:var(--primary-colour-light);color:#fff;transform:translateY(-2px)}.auth-options{flex-direction:column;gap:max(.75rem,min(2vw,1rem));margin-bottom:max(1.5rem,min(4vw,2rem));display:flex}.option-btn{border:1px solid var(--primary-colour-dark);color:var(--primary-colour-dark);font-family:var(--body-font);cursor:pointer;background:rgba(238,238,238,.05);border-radius:max(8px,min(2vw,12px));justify-content:center;align-items:center;gap:max(.5rem,min(2vw,.75rem));min-height:48px;padding:max(.8rem,min(3vw,1rem));font-size:max(.85rem,min(2.5vw,1rem));font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.option-btn:hover{border-color:var(--primary-colour-light);background:rgba(230,57,70,.1);transform:translateY(-2px)}.option-btn:hover .gym-icon{transform:scale(1.1)rotate(5deg)}.gym-icon{width:24px;height:24px;transition:all .3s}.form-container{margin-top:2rem;display:none}.form-container.active{display:block}.form-group{margin-bottom:1.5rem}.form-label{color:var(--primary-colour-dark);margin-bottom:.5rem;font-weight:600;display:block}.form-input{border:1px solid var(--primary-colour-dark);width:100%;color:var(--primary-colour-dark);font-family:var(--body-font);box-sizing:border-box;background:rgba(238,238,238,.05);border-radius:max(8px,min(2vw,12px));min-height:48px;padding:max(.8rem,min(3vw,1rem));font-size:max(.9rem,min(2.5vw,1rem));transition:all .3s}.form-input:focus{border-color:var(--primary-colour-light);background:rgba(238,238,238,.08);outline:none}.form-input::placeholder{color:var(--primary-colour-dark)}.submit-btn{background:linear-gradient(135deg,var(--primary-colour-light),var(--primary-red-light));color:#fff;width:100%;font-family:var(--body-font);cursor:pointer;border:none;border-radius:max(8px,min(2vw,12px));min-height:48px;margin-top:max(.8rem,min(2vw,1rem));padding:max(.8rem,min(3vw,1rem));font-size:max(.95rem,min(2.5vw,1.1rem));font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(230,57,70,.3)}.back-btn{background:var(--secondary-colour-light);border:1px solid var(--primary-colour-dark);color:var(--primary-colour-dark);cursor:pointer;font-family:var(--body-font);border-radius:8px;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s}.back-btn:hover{background:var(--primary-colour-dark);border:1px solid var(--secondary-colour-light);color:var(--secondary-colour-light)}.floating-equipment{opacity:.1;pointer-events:none;z-index:2;position:absolute}.equipment-1{animation:6s ease-in-out infinite float;top:10%;left:10%}.equipment-2{animation:8s ease-in-out infinite reverse float;top:20%;right:15%}.equipment-3{animation:7s ease-in-out infinite float;bottom:15%;left:20%}.equipment-4{animation:9s ease-in-out infinite reverse float;bottom:25%;right:10%}.equipment-5{animation:10s ease-in-out infinite float;top:30%;left:5%}.equipment-6{animation:7.5s ease-in-out infinite reverse float;top:60%;left:8%}.equipment-7{animation:8.5s ease-in-out infinite float;bottom:40%;left:12%}.equipment-8{animation:11s ease-in-out infinite float;top:15%;right:25%}.equipment-9{animation:6.5s ease-in-out infinite reverse float;bottom:35%;right:20%}.equipment-10{animation:9.5s ease-in-out infinite float;top:45%;left:15%}.equipment-11{animation:7.8s ease-in-out infinite reverse float;top:70%;right:8%}.equipment-12{animation:10.2s ease-in-out infinite float;bottom:60%;left:25%}.equipment-13{animation:8.8s ease-in-out infinite reverse float;top:35%;right:35%}.equipment-14{animation:9.3s ease-in-out infinite float;bottom:20%;right:30%}.equipment-15{animation:11.5s ease-in-out infinite reverse float;top:55%;left:3%}.hidden{display:none!important}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.5s ease-out fadeIn}.slide-in{animation:.3s ease-out slideIn}@media (max-width:768px){.auth-container{padding:.75rem}.floating-equipment{opacity:.05}.gym-icon{width:max(20px,min(4vw,24px));height:max(20px,min(4vw,24px))}}@media (max-width:480px){.auth-container{align-items:flex-start;padding:2rem .5rem .5rem}.auth-card{min-height:auto;margin:0}.floating-equipment{display:none}.option-btn{text-align:center;flex-direction:column;gap:.5rem;padding:1rem .75rem}.gym-icon{width:20px;height:20px}}@media (max-width:360px){.auth-container{padding:1rem .25rem .25rem}.option-btn{padding:.75rem .5rem;font-size:.85rem}}@media (max-height:600px) and (orientation:landscape){.auth-container{align-items:center;padding:.5rem}.auth-card{max-height:90vh;overflow-y:auto}.floating-equipment{display:none}}@media (min-width:1200px){.auth-card{max-width:500px;padding:3.5rem}}@media (hover:none) and (pointer:coarse){.toggle-btn,.option-btn,.submit-btn,.back-btn,.form-input{min-height:48px}}.forgot-password{text-align:left;margin-top:8px;position:relative;top:-20px}.forgot-btn{color:var(--primary-red-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline;transition:all .3s}.forgot-btn:hover{color:var(--primary-red-medium);text-shadow:0 0 6px rgba(8,129,120,.3)}.forgot-btn:focus{color:var(--primary-red-dark);text-shadow:0px 0px 8px var(--primary-colour-dark);outline:none}