Kirish - Admin Panel | Sevinchim.uz</meta>  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> /* Professional Login Styles */ body { background-color: #f4f6f9; background-image: linear-gradient(135deg, #f4f6f9 0%, #e9ecef 100%); font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; overflow-x: hidden; } .login-wrapper { width: 100%; max-width: 420px; padding: 40px 35px; background: white; border-radius: 24px; box-shadow: 0 20px 50px rgba(139,21,56,0.08), 0 0 0 1px rgba(255,255,255,0.6); position: relative; z-index: 1; } /* Animated Border Effect */ .login-wrapper::before { content: ''; position: absolute; inset: -3px; border-radius: 26px; z-index: -1; background: conic-gradient( from 180deg at 50% 50%, var(--primary), transparent, transparent ); opacity: 0.7; animation: spin 4s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .brand-title { color: #8B1538; font-weight: 800; font-size: 28px; letter-spacing: -0.5px; text-align: center; display: block; margin-bottom: 5px; } .brand-sub { color: #888; font-size: 13px; text-align: center; display: block; margin-bottom: 35px; } .form-label-custom { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #555; margin-bottom: 6px; } .input-group-login { box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 2px solid #e8e8e8; border-radius: 14px; overflow: hidden; transition: all 0.3s ease; background: #fafafa; } .input-group-login:focus-within { border-color: #8B1538; box-shadow: 0 4px 20px rgba(139,21,56,0.08); background: #fff; } .input-icon { width: 45px; display: flex; align-items: center; justify-content: center; color: #8B1538; font-weight: bold; font-size: 16px; background: transparent; border-right: 0 !important; /* Remove default bootstrap border */ } .input-field { border-left: 0 !important; font-weight: 500; padding: 13px 15px; font-size: 15px; } .btn-login { background: linear-gradient(135deg, #8B1538 0%, #a51b45 100%); color: white; border: none; width: 100%; padding: 14px; border-radius: 14px; font-weight: 700; font-size: 16px; letter-spacing: 0.5px; transition: all 0.3s ease; cursor: pointer; margin-top: 10px; box-shadow: 0 4px 15px rgba(139,21,56,0.2); } .btn-login:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(139,21,56,0.3); background: linear-gradient(135deg, #691029 0%, #8B1538 100%); } .alert-custom { border-radius: 12px; font-size: 14px; padding: 12px 18px; margin-bottom: 22px; border: none; animation: fadeInDown 0.5s ease; backdrop-filter: blur(10px); } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .back-link { display: block; text-align: center; margin-top: 28px; text-decoration: none; color: #888; font-size: 13px; transition: all 0.2s; } .back-link:hover { color: #8B1538; letter-spacing: 0.5px; } /* Shield Icon Animation */ .icon-shield { font-size: 42px; color: #8B1538; opacity: 0.85; filter: drop-shadow(0 4px 8px rgba(139,21,56,0.15)); animation: float 3s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0px); } } /* Mobile */ @media(max-width: 480px) { .login-wrapper { margin: 20px; width: auto; padding: 30px 24px; } .brand-title { font-size: 24px; } } </style> </head> <body> <div class="login-wrapper">  <i class="fas fa-shield-alt icon-shield mb-3 d-block text-center"></i> <span class="brand-title">Sevinchim<span class="text-warning">.uz</span></span> <span class="brand-sub">Administrativ Panelga Kirish</span>   <form method="POST" action="" autocomplete="off"> <input type="hidden" name="login_submit" value="1"> <label class="form-label-custom mt-3 mb-1 block">Foydalanuvchi nomi</label> <div class="input-group input-group-sm mb-3 input-group-login"> <span class="input-group-text bg-transparent"><i class="fas fa-user"></i></span> <input type="text" name="username" class="form-control form-control-lg rounded-end input-field" placeholder="admin" value="admin" required autofocus autocomplete="username"> </div> <label class="form-label-custom mt-1 mb-1 block">Parol</label> <div class="input-group input-group-sm mb-4 input-group-login"> <span class="input-group-text bg-transparent"><i class="fas fa-lock"></i></span> <input type="password" name="password" class="form-control form-control-lg rounded-end input-field" placeholder="••••••••" value="" required autocomplete="current-password"> </div> <button type="submit" class="btn btn-login"> Kirish <i class="fas fa-arrow-right ms-2"></i> </button> <div class="mt-2 text-center"> <small class="text-muted opacity-75" style="font-size:12px;"> Default: <strong>admin</strong> / <strong>sevinchim2024</strong> </small> </div> </form> <a href="../index.php" class="back-link"> ◂ Asosiy saytga qaytish (Sevinchim.uz) </a> </div>  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html>