<!DOCTYPE html>
<html lang="az">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ADDIM Mail Server</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background: linear-gradient(135deg, #0A1A3A 0%, #1a365d 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
        }
        .container {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            max-width: 500px;
            width: 90%;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .logo {
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 10px;
            background: linear-gradient(90deg, #fff, #60a5fa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        h1 { font-size: 1.5rem; margin-bottom: 30px; opacity: 0.9; }
        .config-box {
            background: rgba(0,0,0,0.3);
            border-radius: 12px;
            padding: 20px;
            margin: 15px 0;
            text-align: left;
        }
        .config-title {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 0.7;
            margin-bottom: 10px;
        }
        .config-value {
            font-family: monospace;
            font-size: 1.1rem;
            color: #60a5fa;
        }
        .port { color: #34d399; }
        .divider { height: 1px; background: rgba(255,255,255,0.1); margin: 25px 0; }
        .footer { font-size: 0.85rem; opacity: 0.6; margin-top: 20px; }
        a { color: #60a5fa; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>
<body>
    <div class="container">
        <div class="logo">ADDIM</div>
        <h1>Mail Server</h1>
        
        <div class="config-box">
            <div class="config-title">📥 IMAP (Gələn mail)</div>
            <div class="config-value">mail.addim.org:<span class="port">993</span></div>
            <div style="font-size:0.85rem;opacity:0.7;margin-top:5px;">SSL/TLS</div>
        </div>
        
        <div class="config-box">
            <div class="config-title">📤 SMTP (Gedən mail)</div>
            <div class="config-value">mail.addim.org:<span class="port">587</span></div>
            <div style="font-size:0.85rem;opacity:0.7;margin-top:5px;">STARTTLS</div>
        </div>
        
        <div class="divider"></div>
        
        <p style="font-size:0.9rem;opacity:0.8;">
            Mail client-inizdə (Thunderbird, Outlook, Apple Mail) bu parametrləri istifadə edin.
        </p>
        
        <div class="footer">
            <a href="https://addim.org">← addim.org saytına qayıt</a>
        </div>
    </div>
</body>
</html>