:root {
    --it-bg: #0f0f0f;
    --it-accent: #E2725B; /* Terracotta */
    --it-txt: #ffffff;
    --it-dim: #a0a0a0;
    --it-border: 1px solid rgba(255,255,255,0.1);
}

body { 
    background: var(--it-bg); 
    color: var(--it-txt); 
    font-family: 'Inter', sans-serif; 
    margin: 0; 
    line-height: 1.6;
}

.it-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* Nav */
.it-nav { padding: 30px 0; border-bottom: var(--it-border); }
.it-nav-flex { display: flex; justify-content: space-between; align-items: center; }
.it-logo { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; letter-spacing: 2px; }
.it-menu a { color: #fff; text-decoration: none; margin-left: 30px; font-size: 0.9rem; text-transform: uppercase; }

/* Hero */
.it-hero { padding: 120px 0 80px; text-align: center; }
.it-h1 { font-family: 'Playfair Display', serif; font-size: 4rem; margin-bottom: 20px; }
.it-accent { color: var(--it-accent); }
.it-sub { color: var(--it-dim); font-size: 1.2rem; max-width: 700px; margin: 0 auto; }

/* Grid */
.it-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 80px 0; }
.it-card img { width: 100%; border-radius: 4px; filter: grayscale(30%); transition: 0.5s; }
.it-card:hover img { filter: grayscale(0%); }
.it-card h3 { margin: 20px 0 10px; font-family: 'Playfair Display', serif; font-size: 1.5rem; }

/* Form */
.it-form-box { background: #1a1a1a; padding: 60px; border-radius: 8px; max-width: 600px; margin: 0 auto; border: var(--it-border); }
.it-inp { width: 100%; padding: 15px; background: transparent; border: var(--it-border); color: #fff; margin-bottom: 20px; border-radius: 0; }
.it-btn { width: 100%; padding: 20px; background: var(--it-accent); color: #fff; border: none; font-weight: 700; cursor: pointer; text-transform: uppercase; }

/* Footer */
.it-foot { padding: 80px 0 40px; border-top: var(--it-border); font-size: 0.85rem; color: var(--it-dim); }
.it-foot h3 { color: #fff; margin-bottom: 15px; }
.it-foot a { color: var(--it-dim); text-decoration: none; margin-left: 15px; }

@media (max-width: 768px) {
    .it-h1 { font-size: 2.5rem; }
    .it-grid { grid-template-columns: 1fr; }
}