/*
Theme Name: Maintenance Theme
Theme URI: http://example.com
Author: Nama Kamu
Author URI: http://example.com
Description: Simple maintenance page theme
Version: 1.0
License: GPLv2 or later
Text Domain: maintenance-theme
*/

:root {
    --cream: #F8F5F0;
    --taupe: #A89F96;
    --slate: #3C3C3C;
    --olive: #7D8570;
    --rust: #B56A4D;
    --stone: #E8E3DC;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--cream);
    color: var(--slate);
    line-height:1.6;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    padding:20px;
}

.container { max-width:1200px; margin:0 auto; width:100%; }

header { display:flex; justify-content:space-between; align-items:center; padding:30px 0; }

.logo { font-family:'Playfair Display', serif; font-weight:700; font-size:28px; color:var(--slate); text-decoration:none; letter-spacing:1px; }

.language-selector { font-size:14px; color:var(--taupe); text-transform:uppercase; letter-spacing:1px; }

.language-selector select { background:transparent; border:none; color:var(--taupe); font-family:'Montserrat', sans-serif; text-transform:uppercase; }

.main-content { display:flex; flex-direction:column; align-items:center; justify-content:center; flex-grow:1; text-align:center; padding:60px 20px; }

.title { font-family:'Playfair Display', serif; font-size:70px; font-weight:700; margin-bottom:30px; color:var(--slate); line-height:1.2; max-width:800px; }

.subtitle { font-size:22px; color:var(--taupe); margin-bottom:50px; max-width:600px; font-weight:400; }

.divider { width:80px; height:3px; background-color:var(--rust); margin:30px auto; }

.countdown { display:flex; justify-content:center; gap:30px; margin:40px 0; }

.countdown-item { display:flex; flex-direction:column; align-items:center; }

.countdown-number { font-family:'Playfair Display', serif; font-size:50px; font-weight:600; color:var(--olive); }

.countdown-label { font-size:14px; text-transform:uppercase; letter-spacing:1px; color:var(--taupe); margin-top:5px; }

.contact-info { margin-top:50px; font-size:18px; color:var(--taupe); }

.contact-info a { color:var(--rust); text-decoration:none; transition:all 0.3s ease; }

.contact-info a:hover { text-decoration:underline; }

.social-links { display:flex; gap:20px; margin-top:30px; }

.social-link { width:40px; height:40px; border-radius:50%; background-color:var(--stone); display:flex; align-items:center; justify-content:center; color:var(--slate); text-decoration:none; transition:all 0.3s ease; }

.social-link:hover { background-color:var(--olive); color:var(--cream); }

footer { text-align:center; padding:30px 0; font-size:14px; color:var(--taupe); }

@media (max-width:768px) { .title { font-size:50px; } .subtitle { font-size:18px; } .countdown { gap:15px; } .countdown-number { font-size:35px; } }

@media (max-width:480px) { .title { font-size:40px; } .countdown { flex-wrap:wrap; } }