<!DOCTYPE html>
<html lang="tr">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Giriş Yap - FlexGift Portalı</title>
	<style type="text/css">/* TEMEL AYARLAR */
    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
        font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
        background-color: #f0f2f5;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }

    /* ANA KUTU */
    .login-container {
        background-color: #ffffff;
        width: 100%;
        max-width: 450px;
        border-radius: 12px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        overflow: hidden;
        height: auto; 
    }

    /* FORM ALANI */
    .form-side {
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #ffffff;
    }

    .logo-area { margin-bottom: 30px; }

    h2 {
        color: #333;
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 600;
        text-align: center;
    }

    p.subtitle {
        color: #666;
        font-size: 14px;
        margin-bottom: 30px;
        text-align: center;
    }

    /* INPUT GRUPLARI */
    .input-group { margin-bottom: 20px; }

    .input-group label {
        display: block;
        font-size: 12px;
        color: #666;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .input-group input {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 15px;
        transition: border-color 0.3s;
    }

    .input-group input:focus {
        border-color: #D31145;
        outline: none;
        box-shadow: 0 0 0 3px rgba(211, 17, 69, 0.1);
    }

    /* --- GÜNCELLENEN BUTON KISMI --- */
    .login-btn {
        /* SAĞDAN SOLA KISALTMA İŞLEMİ BURADA YAPILDI */
        width: 50%; /* Genişliği %100'den %50'ye düşürdüm */
        
        padding: 12px; /* Yüksekliği standart tuttum */
        background-color: #D31145;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.3s;
        
        /* Butonu ortalamak için */
        margin-top: 15px;
        margin-left: auto;  /* Sol boşluk otomatik */
        margin-right: auto; /* Sağ boşluk otomatik */
        display: block;
    }

    .login-btn:hover { background-color: #a80d37; }
    /* -------------------------------- */

    /* ALT BİLGİLER */
    .footer-links {
        margin-top: 20px;
        text-align: center;
        font-size: 12px;
    }

    .footer-links a {
        color: #002d72;
        text-decoration: none;
        margin: 0 5px;
    }

    .secure-badge {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        color: #888;
        background: #f9f9f9;
        padding: 10px;
        border-radius: 4px;
        text-align: center;
    }

    @media (max-width: 480px) {
        .login-container { width: 90%; }
        .form-side { padding: 30px 20px; }
        /* Mobilde buton çok küçük kalmasın diye genişletilebilir */
        .login-btn { width: 70%; } 
    }
	</style>
</head>
<body>
<div class="login-container">
<div class="form-side">
<div class="logo-area">&nbsp;</div>

<h2>Kurumsal Giriş</h2>

<p class="subtitle">Devam etmek i&ccedil;in şirket hesabınızla oturum a&ccedil;ın.</p>

<form action="" method="POST">
<div class="input-group"><label for="email">Kurumsal E-posta</label> <input id="email" name="email" placeholder="ad.soyad@sirket_domain.com.tr" required="" type="email" /></div>

<div class="input-group"><label for="password">Şifre / Parola</label> <input id="password" name="password" placeholder="••••••••" required="" type="password" /></div>

<div style="display: flex; align-items: center; margin-bottom: 20px; font-size: 13px; color: #555;"><input id="remember" style="margin-right: 8px;" type="checkbox" /> <label for="remember" style="cursor: pointer;">Oturumu a&ccedil;ık tut</label></div>
<button class="login-btn" type="submit">Giriş Yap</button></form>

<div class="secure-badge"><span style="color: #27ae60; font-size: 16px; margin-right: 5px;">🔒</span> Bu bağlantı Identity Server (K-ID) &uuml;zerinden 256-bit SSL ile şifrelenmektedir.</div>
</div>
</div>
</body>
</html>
