.login-page{min-height:100vh;background:linear-gradient(to bottom right,#10b981,#059669);display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{width:100%;max-width:28rem}.login-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;animation:scaleIn .4s ease-out}.login-header{text-align:center;margin-bottom:2rem}.logo-container{margin-bottom:1rem;animation:bounceIn .6s ease-out}.main-logo{height:100px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.error-alert{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:.5rem}.submit-button{width:100%;background:linear-gradient(to right,#10b981,#059669);color:#fff;padding:16px;min-height:48px;border:none;border-radius:12px;font-weight:700;font-size:18px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.5rem}.forgot-password{text-align:center;margin-top:1rem}.forgot-password a{color:#10b981;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;padding:8px;display:inline-block}.forgot-password a:hover{color:#059669;text-decoration:underline}.signup-link{text-align:center;color:#6b7280;font-size:14px;margin-top:1rem}.signup-link a{color:#10b981;text-decoration:none;font-weight:600;transition:color .2s}.signup-link a:hover{color:#059669;text-decoration:underline}@media(min-width:768px){.login-page{display:flex;align-items:center;justify-content:center}.login-container{max-width:24rem}.login-card{padding:3rem}}@media(max-width:640px){.login-page{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.login-card{border-radius:0;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;padding:1.5rem}.logo{font-size:4rem}.login-header h1{font-size:1.75rem}.main-logo{height:80px}.credits-logo{height:30px}}.dark-mode .login-card{background:#1e293b;color:#f1f5f9}.dark-mode .login-header h1{color:#f1f5f9}.dark-mode .tagline{color:#94a3b8}.credits{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.credits-logos{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.credits-logo{height:40px;width:auto;object-fit:contain;filter:grayscale(.2);opacity:.8;transition:all .3s}.credits-logo:hover{filter:grayscale(0);opacity:1;transform:scale(1.05)}.credits-separator{color:#d1d5db;font-size:1.5rem;line-height:1}.credits p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.credits strong{color:#10b981;font-weight:600}.bytebandits-link{text-decoration:none;transition:all .3s}.bytebandits-link:hover strong{color:#059669;text-decoration:underline}.credits .university{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.dark-mode .credits{border-top-color:#475569}.dark-mode .credits p{color:#94a3b8}.dark-mode .credits strong{color:#34d399}.dark-mode .credits .university{color:#64748b}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;margin:16px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem;text-align:center;border-bottom:1px solid #e5e7eb}.modal-header.success{background-color:#d1fae5;color:#065f46}.modal-header.error{background-color:#fee2e2;color:#991b1b}.modal-header.warning{background-color:#fef3c7;color:#92400e}.modal-header.info{background-color:#dbeafe;color:#1e40af}.modal-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.modal-title{margin:0;font-size:1.375rem;font-weight:600}.modal-body{padding:1.5rem}.modal-message{margin:0;font-size:16px;line-height:1.6;color:#374151;text-align:center}.modal-footer{padding:1rem 1.5rem;display:flex;justify-content:center;border-top:1px solid #e5e7eb}.modal-close-btn{background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 32px;min-height:48px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.modal-close-btn:hover{background-color:#059669}.modal-close-btn:focus{outline:none;box-shadow:0 0 0 3px #10b9814d}.App.dark .modal-content{background:#1f2937;color:#f3f4f6}.App.dark .modal-header{border-bottom-color:#374151}.App.dark .modal-message{color:#e5e7eb}.App.dark .modal-footer{border-top-color:#374151}.App.dark .modal-close-btn{background-color:#10b981}.App.dark .modal-close-btn:hover{background-color:#059669}@media(max-width:640px){.modal-overlay{padding:16px}.modal-content{max-width:100%;width:100%;margin:0;max-height:calc(100vh - 32px);border-radius:16px}.modal-header{padding:20px}.modal-body{padding:20px;max-height:calc(100vh - 240px);overflow-y:auto}.modal-footer{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal-close-btn{width:100%;padding:16px}}@media(max-width:380px){.modal-title{font-size:1.25rem}.modal-icon{font-size:2rem}}.signup-page{min-height:100vh;background:linear-gradient(to bottom right,#10b981,#059669);display:flex;align-items:center;justify-content:center;padding:1rem}.status-message{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center;font-size:.875rem;animation:slideDown .3s ease-out}.status-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.status-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-message.info{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signup-container{width:100%;max-width:28rem}.signup-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;animation:scaleIn .4s ease-out}.signup-header{text-align:center;margin-bottom:2rem}.logo{font-size:5rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.signup-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.tagline{color:#6b7280;font-size:1rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.department-selector{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;font-size:1rem}.department-selector:hover{border-color:#10b981}.department-selector .placeholder{color:#9ca3af}.department-selector .selected{color:#1f2937}.selfie-capture{width:100%;padding:1.5rem;border:2px dashed #10b981;border-radius:.75rem;background:#f0fdf4;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.selfie-capture:hover{background:#dcfce7;border-color:#059669}.selfie-capture.captured{border-style:solid;background:#dcfce7}.capture-icon{font-size:2rem}.capture-hint{font-size:.75rem;color:#059669;font-weight:500}.camera-modal{background:#fff;border-radius:1.5rem;width:100%;max-width:500px;overflow:hidden}.camera-view{background:#1f2937;height:400px;position:relative;display:flex;align-items:center;justify-content:center}.camera-frame{position:relative;text-align:center}.face-outline{width:200px;height:250px;border:3px dashed rgba(255,255,255,.5);border-radius:50%/60% 60% 40% 40%;margin:0 auto 1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.camera-instruction{color:#fff;font-size:.875rem}.camera-controls{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.capture-button{background:linear-gradient(to right,#10b981,#059669);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s}.capture-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.gallery-button{background:#8b5cf6;color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.gallery-button:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf64d}.cancel-camera{background:#e5e7eb;color:#1f2937;padding:.75rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-camera:hover{background:#d1d5db}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.terms{text-align:center;color:#6b7280;font-size:.75rem;margin-top:1rem}.login-link{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1rem}.login-link a{color:#10b981;text-decoration:none;font-weight:600;transition:color .2s}.login-link a:hover{color:#059669;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:#fff;border-radius:1.5rem;width:100%;max-width:42rem;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{background:linear-gradient(to right,#10b981,#059669);color:#fff;padding:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-header p{color:#ffffffe6}.departments-grid{overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.department-option{padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.department-option:hover,.department-option.selected{border-color:#10b981;background:#f0fdf4}.dept-icon{font-size:2rem}.dept-name{flex:1;font-weight:500;color:#1f2937}.checkmark{color:#10b981;font-size:1.5rem}.modal-close{width:100%;background:#e5e7eb;color:#1f2937;padding:.75rem;border:none;font-weight:700;cursor:pointer;transition:all .2s}.modal-close:hover{background:#d1d5db}@media(min-width:768px){.signup-page{display:flex;align-items:center;justify-content:center}.signup-container{max-width:32rem}.signup-card{padding:3rem}.modal-content{max-width:48rem}.departments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}}@media(min-width:1024px){.signup-page{background-size:cover}}@media(max-width:640px){.signup-page{padding:0}.signup-card{border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.modal-overlay{padding:0}.modal-content{border-radius:1.5rem 1.5rem 0 0;max-height:90vh}}.dark-mode .modal-header{background:linear-gradient(to right,#059669,#047857)}.dark-mode .department-option{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .department-option:hover{background:#334155;border-color:#10b981}.dark-mode .department-option.selected{background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981;color:#fff}.dark-mode .department-option.selected .dept-name,.dark-mode .department-option.selected .checkmark{color:#fff}.dark-mode .modal-close{background:#334155;color:#f1f5f9}.dark-mode .modal-close:hover{background:#475569}.dark-mode .department-selector .placeholder{color:#94a3b8}.dark-mode .department-selector .selected{color:#f1f5f9!important}.form-input.error{border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.camera-view video{position:absolute;top:0;left:0;width:100%;height:100%}.forgot-password-page{min-height:100vh;background:linear-gradient(to bottom right,#10b981,#059669);display:flex;align-items:center;justify-content:center;padding:1rem}.forgot-password-container{width:100%;max-width:28rem}.forgot-password-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;animation:scaleIn .4s ease-out}.forgot-header{text-align:center;margin-bottom:2rem}.logo{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.forgot-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.tagline{color:#6b7280;font-size:.875rem}.forgot-form{display:flex;flex-direction:column;gap:1.25rem}.back-link{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1.5rem}.back-link a{color:#10b981;text-decoration:none;font-weight:600;transition:color .2s}.back-link a:hover{color:#059669;text-decoration:underline}.success-icon{font-size:4rem;text-align:center;margin-bottom:1rem;animation:bounceIn .6s ease-out}.forgot-password-card h2{font-size:1.75rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:1rem}.success-message{color:#4b5563;font-size:1rem;text-align:center;margin-bottom:1rem}.success-message strong{color:#1f2937}.success-hint{color:#6b7280;font-size:.875rem;text-align:center;margin-bottom:2rem}@media(min-width:768px){.forgot-password-container{max-width:24rem}.forgot-password-card{padding:3rem}}@media(max-width:640px){.forgot-password-page{padding:0}.forgot-password-card{border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}}.dark-mode .forgot-password-card{background:#1e293b;color:#f1f5f9}.dark-mode .forgot-header h1,.dark-mode .forgot-password-card h2{color:#f1f5f9}.dark-mode .tagline,.dark-mode .success-hint{color:#94a3b8}.dark-mode .success-message{color:#cbd5e1}.dark-mode .success-message strong{color:#f1f5f9}.dark-mode .back-link{color:#94a3b8}.reset-password-page{min-height:100vh;background:linear-gradient(to bottom right,#10b981,#059669);display:flex;align-items:center;justify-content:center;padding:1rem}.reset-password-container{width:100%;max-width:28rem}.reset-password-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;animation:scaleIn .4s ease-out}.reset-header{text-align:center;margin-bottom:2rem}.reset-header .logo{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.reset-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.reset-header .tagline{color:#6b7280;font-size:.875rem}.reset-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#f9fafb}.form-input:focus{outline:none;border-color:#10b981;background:#fff}.form-input:disabled{opacity:.6;cursor:not-allowed}.error-alert{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.submit-button{width:100%;background:linear-gradient(to right,#10b981,#059669);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-icon{font-size:4rem;text-align:center;margin-bottom:1rem;animation:shake .5s ease-out}.reset-password-card h2{font-size:1.75rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:1rem}.error-message{color:#6b7280;font-size:1rem;text-align:center;margin-bottom:2rem}.back-to-login-button{width:100%;background:linear-gradient(to right,#10b981,#059669);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.back-to-login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(min-width:768px){.reset-password-container{max-width:24rem}.reset-password-card{padding:3rem}}@media(max-width:640px){.reset-password-page{padding:0}.reset-password-card{border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}}.dark-mode .reset-password-card{background:#1e293b;color:#f1f5f9}.dark-mode .reset-header h1,.dark-mode .reset-password-card h2{color:#f1f5f9}.dark-mode .reset-header .tagline,.dark-mode .error-message{color:#94a3b8}.dark-mode .form-group label{color:#e2e8f0}.dark-mode .form-input{background:#334155;border-color:#475569;color:#f1f5f9}.dark-mode .form-input:focus{border-color:#10b981;background:#1e293b}.dark-mode .error-alert{background:#7f1d1d;border-color:#991b1b;color:#fecaca}