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: 30px;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: 40px 34px;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: 28px;}.auth-header i{display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 22px;font-size: 32px;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);margin-bottom: 16px;}.auth-header h2{font-weight: 700;color: #1c1c1e;font-size: 26px;margin-bottom: 8px;letter-spacing: -0.02em;}.auth-header p{color: rgba(60,60,67,0.65);font-size: 14.5px;margin: 0;line-height: 1.5;}.ios-input{background-color: rgba(118,118,128,0.10);border: 1px solid transparent;border-radius: 14px;padding: 14px 16px;font-size: 15px;width: 100%;margin-bottom: 12px;font-weight: 600;color: #1c1c1e;box-shadow: none;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{outline: none;background-color: #fff;border-color: #e30a17;box-shadow: 0 0 0 3px rgba(227,10,23,0.12);}.ios-input[readonly]{color: rgba(60,60,67,0.75);}.sifre-kutu{position: relative;}.sifre-kutu .ios-input{padding-right: 48px;}.sifre-goster{position: absolute;top: 0;right: 4px;height: calc(100% - 12px);width: 42px;border: 0;background: transparent;color: rgba(60,60,67,0.5);font-size: 15px;cursor: pointer;border-radius: 12px;}.sifre-goster:hover, .sifre-goster:focus-visible{color: #e30a17;outline: none;}.sifre-ipucu{font-size: 12.5px;color: rgba(60,60,67,0.6);margin: -4px 4px 8px;}.ios-btn{color: #fff;border: none;border-radius: 999px;padding: 15px;font-size: 16px;font-weight: 600;letter-spacing: -0.01em;width: 100%;background: linear-gradient(135deg, #e30a17 0%, #a8000b 100%);box-shadow: 0 8px 20px rgba(227,10,23,0.32);transition: transform 0.2s, box-shadow 0.2s;margin-top: 10px;cursor: pointer;}.ios-btn:hover{transform: translateY(-2px);box-shadow: 0 12px 26px rgba(227,10,23,0.42);}.ios-btn:active{transform: scale(0.98);}.auth-footer{text-align: center;margin-top: 28px;font-size: 14.5px;color: rgba(60,60,67,0.65);font-weight: 500;}.auth-footer a{color: #e30a17;font-weight: 700;text-decoration: none;background: rgba(227,10,23,0.08);border-radius: 999px;padding: 7px 14px;transition: 0.2s;}.auth-footer a:hover{background: rgba(227,10,23,0.14);color: #a8000b;}.auth-container .alert{border-radius: 16px !important;border: 0 !important;font-size: 14px;font-weight: 600;line-height: 1.5;}.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{position: fixed;top: 25px;left: 25px;width: 45px;height: 45px;background: rgba(255,255,255,0.28);backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-size: 16px;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);}@media (max-width: 480px){body{align-items: flex-start;}.auth-wrapper{align-items: flex-start;padding: 15px 12px;}.auth-container{padding: 26px 20px 22px;border-radius: 24px;margin-top: 55px;}.auth-header{margin-bottom: 20px;}.auth-header i{width: 60px;height: 60px;border-radius: 18px;font-size: 26px;margin-bottom: 10px;}.auth-header h2{font-size: 22px;margin-bottom: 5px;}.auth-header p{font-size: 13px;}.ios-input{padding: 12px 14px;font-size: 14px;margin-bottom: 10px;}.ios-btn{padding: 13px;font-size: 15px;margin-top: 6px;}.auth-footer{margin-top: 20px;font-size: 13.5px;}.back-link{top: 15px;left: 15px;width: 40px;height: 40px;}}