
    <!DOCTYPE html>
    <html lang="pl">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Immich | Przerwa techniczna</title>
        <style>
            :root {
                --primary: #dae7ff;
                --accent: #4685ff;
                --bg: #0d0d0d;
            }
            body {
                margin: 0;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
                background-color: var(--bg);
                background-image: 
                    radial-gradient(circle at 20% 30%, #1a1a1a 0%, transparent 40%),
                    radial-gradient(circle at 80% 70%, #111 0%, transparent 40%);
                color: white;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            }
            .card {
                background: rgba(255, 255, 255, 0.03);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.1);
                padding: 3rem;
                border-radius: 24px;
                text-align: center;
                box-shadow: 0 20px 50px rgba(0,0,0,0.5);
                max-width: 400px;
                width: 90%;
            }
            .icon {
                font-size: 50px;
                margin-bottom: 20px;
                display: inline-block;
                animation: pulse 2s infinite ease-in-out;
            }
            h1 {
                font-size: 1.8rem;
                margin: 0 0 10px 0;
                color: var(--primary);
                font-weight: 600;
            }
            p {
                color: #888;
                line-height: 1.6;
                margin-bottom: 30px;
            }
            .status-badge {
                display: inline-flex;
                align-items: center;
                background: rgba(70, 133, 255, 0.1);
                color: var(--accent);
                padding: 8px 16px;
                border-radius: 100px;
                font-size: 0.9rem;
                font-weight: 500;
            }
            .dot {
                width: 8px;
                height: 8px;
                background: var(--accent);
                border-radius: 50%;
                margin-right: 10px;
                box-shadow: 0 0 10px var(--accent);
            }
            @keyframes pulse {
                0%, 100% { transform: scale(1); opacity: 1; }
                50% { transform: scale(1.1); opacity: 0.8; }
            }
        </style>
    </head>
    <body>
        <div class="card">
            <div class="icon">📸</div>
            <h1>Immich śpi</h1>
            <p>Bracie, serwer jest teraz offline. Twoje wspomnienia są bezpieczne, po prostu robię mały serwis.</p>
            <div class="status-badge">
                <div class="dot"></div>
                Trwa konserwacja...
            </div>
        </div>
    </body>
    </html>