html{background-color: #f2f2f7;}body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fw-bold{font-weight: 600 !important;}b, strong{font-weight: 600;}
*, *::before, *::after{box-sizing: border-box;}html, body{max-width: 100%;overflow-x: hidden;}body{background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1920&q=80') no-repeat center center fixed;background-size: cover;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;display: flex;align-items: center;justify-content: center;min-height: 100vh;margin: 0;overflow-x: hidden;}.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1;}.auth-wrapper{position: relative;z-index: 2;width: 100%;display: flex;justify-content: center;padding: 20px;box-sizing: border-box;}.auth-container{background: linear-gradient(165deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.88) 100%);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);border-radius: 32px;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.30), 0 4px 14px rgba(15,23,42,0.14), 0 0 0 1.5px rgba(30,41,59,0.08), inset 0 1.5px 0 rgba(255,255,255,1), inset 0 -1.5px 0 rgba(15,23,42,0.05);padding: 45px 40px;width: 100%;max-width: 400px;box-sizing: border-box;border: 1.5px solid rgba(255,255,255,0.9);}.auth-header{text-align: center;margin-bottom: 35px;}.auth-header i{font-size: 52px;color: #e30a17;margin-bottom: 15px;filter: drop-shadow(0 4px 10px rgba(227, 10, 23, 0.2));}.auth-header h2{font-weight: 700;color: #0f172a;font-size: 26px;margin-bottom: 8px;letter-spacing: -0.5px;}.auth-header p{color: #64748b;font-size: 14.5px;margin: 0;}.ios-input{background-color: #fff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 16px 20px;font-size: 15px;width: 100%;margin-bottom: 16px;transition: all 0.3s ease;font-weight: 500;color: #1e293b;box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);}.ios-input::placeholder{color: #94a3b8;font-weight: 400;}.ios-input:focus{outline: none;border-color: #e30a17;box-shadow: 0 0 0 4px rgba(227, 10, 23, 0.1), inset 0 2px 4px rgba(0,0,0,0.01);transform: translateY(-1px);}.ios-btn{background: linear-gradient(135deg, #e30a17 0%, #b91c1c 100%);color: #fff;border: none;border-radius: 16px;padding: 16px;font-size: 16.5px;font-weight: 700;width: 100%;box-shadow: 0 10px 20px -5px rgba(227, 10, 23, 0.4);transition: all 0.3s ease;margin-top: 15px;cursor: pointer;}.ios-btn:hover{transform: translateY(-2px);box-shadow: 0 15px 25px -5px rgba(227, 10, 23, 0.5);}.auth-footer{text-align: center;margin-top: 35px;font-size: 14.5px;color: #64748b;font-weight: 500;}.auth-footer a{color: #e30a17;font-weight: 700;text-decoration: none;transition: 0.2s;padding: 5px 8px;border-radius: 8px;}.auth-footer a:hover{background: rgba(227, 10, 23, 0.05);}.back-link{position: fixed;top: 25px;left: 25px;width: 45px;height: 45px;background: rgba(255,255,255,0.25);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-size: 18px;transition: 0.3s;z-index: 10;border: 1px solid rgba(255,255,255,0.3);}.back-link:hover{background: #fff;color: #e30a17;transform: scale(1.05);}.custom-checkbox{display: flex;align-items: center;gap: 8px;font-size: 14px;color: #64748b;cursor: pointer;font-weight: 500;}.custom-checkbox input[type="checkbox"]{width: 18px;height: 18px;accent-color: #e30a17;cursor: pointer;border-radius: 6px;}.forgot-pass{font-size: 14px;color: #0f172a;font-weight: 600;text-decoration: none;transition: 0.2s;}.forgot-pass:hover{color: #e30a17;} @media (max-width: 480px){body{align-items: flex-start;}.auth-wrapper{align-items: flex-start;padding: 15px 12px;}.auth-container{padding: 28px 22px 24px;border-radius: 24px;margin-top: 55px;box-shadow: 0 14px 32px rgba(0,0,0,0.22), 0 3px 8px rgba(15,23,42,0.12), 0 0 0 1.5px rgba(30,41,59,0.06), inset 0 1.5px 0 rgba(255,255,255,1);border: 1.5px solid rgba(255,255,255,0.85);}.auth-header{margin-bottom: 22px;}.auth-header i{font-size: 42px;margin-bottom: 10px;}.auth-header h2{font-size: 22px;margin-bottom: 5px;}.auth-header p{font-size: 13px;}.ios-input{padding: 13px 16px;font-size: 14px;margin-bottom: 10px;border-radius: 14px;}.custom-checkbox, .forgot-pass{font-size: 12.5px;}.ios-btn{padding: 13px;font-size: 15px;margin-top: 6px;border-radius: 14px;}.auth-footer{margin-top: 20px;font-size: 13.5px;}.back-link{top: 15px;left: 15px;width: 40px;height: 40px;font-size: 16px;position: fixed;}} .auth-container{border-radius: 30px;padding: 40px 34px;}.auth-header i{display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 22px;font-size: 34px;color: #fff;background: linear-gradient(135deg, #ff3b3b 0%, #a8000b 100%);box-shadow: 0 12px 26px rgba(227,10,23,0.32), inset 0 1px 0 rgba(255,255,255,0.35);filter: none;margin-bottom: 16px;}.auth-header h2{letter-spacing: -0.02em;color: #1c1c1e;}.auth-header p{color: rgba(60,60,67,0.65);}.ios-input{background-color: rgba(118,118,128,0.10);border: 1px solid transparent;border-radius: 14px;padding: 14px 16px;font-weight: 600;color: #1c1c1e;box-shadow: none;margin-bottom: 12px;transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;}.ios-input::placeholder{color: rgba(60,60,67,0.4);font-weight: 500;}.ios-input:hover{background-color: rgba(118,118,128,0.15);}.ios-input:focus{background-color: #fff;border-color: #e30a17;box-shadow: 0 0 0 3px rgba(227,10,23,0.12);transform: none;}.ios-btn{border-radius: 999px;padding: 15px;font-size: 16px;font-weight: 600;letter-spacing: -0.01em;background: linear-gradient(135deg, #e30a17 0%, #a8000b 100%);box-shadow: 0 8px 20px rgba(227,10,23,0.32);}.ios-btn:hover{transform: translateY(-2px);box-shadow: 0 12px 26px rgba(227,10,23,0.42);}.ios-btn:active{transform: scale(0.98);}.custom-checkbox{color: rgba(60,60,67,0.75);}.custom-checkbox input[type="checkbox"]{appearance: none;-webkit-appearance: none;width: 22px;height: 22px;border-radius: 7px;border: 2px solid #c7c7cc;background: #fff;display: inline-grid;place-content: center;transition: 0.2s;}.custom-checkbox input[type="checkbox"]::before{content: '\f00c';font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 11px;color: #fff;transform: scale(0);transition: transform 0.15s;}.custom-checkbox input[type="checkbox"]:checked{background: linear-gradient(135deg, #ff3b3b 0%, #a8000b 100%);border-color: #e30a17;}.custom-checkbox input[type="checkbox"]:checked::before{transform: scale(1);}.forgot-pass{color: #e30a17;font-weight: 700;}.auth-footer{color: rgba(60,60,67,0.65);}.auth-footer a{color: #e30a17;border: 0;background: rgba(227,10,23,0.08);border-radius: 999px;padding: 7px 14px;}.auth-footer a:hover{background: rgba(227,10,23,0.14);color: #a8000b;}.auth-container .alert{border-radius: 16px !important;border: 0 !important;}.auth-container .alert-danger{background: rgba(227,10,23,0.10) !important;color: #a8000b !important;}.auth-container .alert-success{background: rgba(52,199,89,0.12) !important;color: #1f7a3a !important;}.back-link{background: rgba(255,255,255,0.28);backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);font-size: 16px;}@media (max-width: 480px){.auth-container{padding: 26px 20px 22px;border-radius: 24px;}.auth-header i{width: 60px;height: 60px;border-radius: 18px;font-size: 28px;}.ios-input{padding: 12px 14px;font-size: 14px;}.ios-btn{padding: 13px;font-size: 15px;}}