:root{--color-primary:#010101;--color-primary-hover:#010101e6;--color-secondary:#47536B;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-gray:#6b7280;--color-light-gray:#e5e7eb;--color-bg-light:#fafafa;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--shadow-card:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-button-hover:0 10px 25px rgba(11,11,11,0.3);--shadow-focus:0 0 0 3px rgba(18,18,19,0.1);--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--transition-all:all 0.3s ease;--transition-transform:transform 0.3s ease;--transition-color:color 0.3s ease;--transition-opacity:opacity 0.3s ease}.form-container{width:100%;max-width:480px}.auth-card{box-shadow:var(--shadow-card);overflow:hidden}.auth-title{font-size:1.6rem;font-weight:500;text-align:left;color:var(--color-primary);margin-bottom:var(--space-sm)}.card-content{padding:var(--space-xs) var(--space-xl)}.auth-form{gap:var(--space-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-xs);animation:slideUp .6s ease forwards;opacity:0;transform:translateY(20px)}.form-label{font-weight:400;color:var(--color-secondary);font-size:.95rem}.form-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:var(--space-md);transition:var(--transition-all);background:var(--color-bg-light);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:white}.error-alert{padding:var(--space-xs);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.auth-button,.error-alert{margin-top:var(--space-xs)}.auth-button{width:100%;padding:var(--sm);background:linear-gradient(135deg,#171718,#282828);color:white;border:none;border-radius:var(--radius-md);font-size:var(--space-md);font-weight:600;cursor:pointer;transition:var(--transition-all)}.auth-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.auth-link{color:var(--color-primary);text-decoration:underline;font-weight:600;transition:var(--transition-opacity)}.auth-link:hover{opacity:.8}.terms-text{font-size:.875rem;color:var(--color-secondary);text-align:center;line-height:1.5}.terms-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:var(--transition-color)}.terms-container{display:flex;justify-content:start;gap:var(--space-xs);align-items:center}.terms-link:hover{color:var(--color-primary-hover);text-decoration:underline}.phone-input-container{display:flex;align-items:center;border:1px solid hsl(var(--border));border-radius:.375rem;background-color:hsl(var(--background));transition:border-color .2s}.phone-input-container:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px;border-color:hsl(var(--ring))}.phone-input-container .PhoneInputCountry{padding:.5rem;border-right:1px solid hsl(var(--border));background:transparent}.phone-input-container .PhoneInputCountrySelect{background:transparent;border:none;outline:none;font-size:1.125rem;cursor:pointer}.phone-input-container .PhoneInputCountrySelect:focus{outline:none}.phone-input-container .PhoneInputCountryIcon{width:1.25rem;height:1.25rem;margin-right:.5rem}.phone-input-container .PhoneInputInput{flex:1;border:none;outline:none;padding:.5rem .75rem;background:transparent;font-size:.875rem}.phone-input-container .PhoneInputInput::placeholder{color:hsl(var(--muted-foreground))}.PhoneInputCountrySelect option{padding:.5rem;display:flex;align-items:center}@media (max-width:640px){.phone-input-container{flex-direction:column}.phone-input-container .PhoneInputCountry{border-right:none;border-bottom:1px solid hsl(var(--border));width:100%;justify-content:center}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.6s}.terms-container{animation-delay:.7s}.auth-button{animation-delay:.8s}.auth-container{display:flex;min-height:100vh}.signin-container{display:grid;grid-template-columns:repeat(12,1fr);min-height:100vh}.image-panel{grid-column:span 6;position:relative;display:none;overflow:hidden}.image-content{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}.signin-image{max-width:90%;max-height:70%;object-fit:contain;transition:var(--transition-transform)}.signin-image:hover{transform:scale(1.02)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:var(--space-xs) 0}.checkbox-container{display:flex;align-items:center;gap:var(--space-xs)}.checkbox-label{font-size:.9rem;color:var(--color-gray);cursor:pointer}.forgot-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-color)}.forgot-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-title{font-weight:700;font-size:1.8rem}.signup-prompt{text-align:center;margin-top:var(--space-xs)}.signin-prompt,.signup-prompt{color:var(--color-gray);font-size:.95rem}.signin-prompt{text-align:start;margin-bottom:1rem}.sponsor-card-footer{display:flex;justify-content:space-between;align-items:center}.banner-panel{flex:0 0 40%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:white;overflow:hidden}.auth-banner-img{max-width:100%;max-height:100%;object-fit:contain;opacity:.95;transition:var(--transition-transform)}.auth-banner-img:hover{transform:scale(1.02)}.banner-content{position:absolute;bottom:10%;left:10%}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-xs)}.banner-subtitle{font-size:1rem;font-weight:400}.form-panel{grid-column:span 6;flex:1;justify-content:center;padding:var(--space-sm);background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.form-panel,.sponsor-logos{display:flex;align-items:center}.sponsor-logos{justify-content:space-between;padding:1rem 0;margin-top:1%}.sponsors-logo{max-height:35px;width:auto;transition:var(--transition-transform)}.sponsors-logo:hover{transform:scale(1.05)}@media (max-width:1024px){.banner-panel{flex:0 0 50%}.banner-title{font-size:2rem}.signin-image{max-width:100%;max-height:70%;object-fit:contain;transition:var(--transition-transform)}}@media (max-width:864px){.image-panel{grid-column:span 12}.signin-container{grid-template-rows:auto auto}.image-panel{order:1;display:flex;justify-content:center;align-items:center}.form-panel{order:2;display:flex;grid-column:span 12}.signin-image{max-width:90%;max-height:90%}.auth-title{text-align:center}}@media (max-width:768px){.auth-container{flex-direction:column}.banner-panel{display:none}.form-panel{padding:var(--space-sm)}.sponsor-logos{padding:.75rem 0}.sponsors-logo{max-height:30px}.auth-card{box-shadow:none;border:none}.card-content{padding:var(--space-sm)}}@media (min-width:768px){.image-panel{display:flex;align-items:center;justify-content:center}.form-panel{background:white}}@media (max-width:480px){.auth-container{margin-top:2rem}.form-panel{padding:var(--space-sm);grid-column:span 12;margin:0 1rem}.auth-card{border:none;box-shadow:none}.card-content,.card-header{padding:var(--space-sm)}.auth-title{font-size:1.2rem;text-align:start}.form-options{flex-direction:column;gap:var(--space-md);align-items:flex-start}.signin-image{max-width:100%;max-height:100%}.sponsors-logo{max-height:25px}}@media (max-width:768px) and (orientation:landscape){.form-panel{padding:var(--space-sm)}.auth-form{gap:var(--space-md)}}