*{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        :root {
            --bg-dark: #0f1115;
            --bg-card: #181b20;
            --metal-primary: #8a9ba8;
            --metal-light: #e2e8f0;
            --accent-gold: #d4af37;
            --accent-glow: rgba(212, 175, 55, 0.2);
            --text-main: #f1f5f9;
            --text-muted: #94a3b8;
            --border-metal: #2d3748;
        }

        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Metallic Text & Plate Effects */
        .metal-text {
            background: linear-gradient(135deg, #ffffff 0%, #a1a8b8 50%, #4a5568 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .gold-text {
            color: var(--accent-gold);
        }

        .metal-card {
            background: linear-gradient(145deg, #1c2026, #14171c);
            border: 1px solid var(--border-metal);
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease, border-color 0.3s ease;
        }

        .metal-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-gold);
        }

        /* Navigation */
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem 5%;
            background: rgba(15, 17, 21, 0.9);
            backdrop-filter: blur(10px);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            border-bottom: 1px solid var(--border-metal);
        }
        
        .nav-right{
            display:flex;
            align-items:center;
        }
        
        .language-dropdown{
            position:relative;
        }
        
        .language-dropdown > a{
            color:var(--text-muted);
            text-decoration:none;
            font-size:.95rem;
            transition:color .3s;
        }
        
        .language-dropdown > a:hover{
            color:var(--accent-gold);
        }
        
        .language-menu{
            position:absolute;
            top:calc(100% + 12px);
            right:0;
            list-style:none;
            background:linear-gradient(145deg,#1c2026,#14171c);
            border:1px solid var(--border-metal);
            border-radius:8px;
            min-width:170px;
            padding:.5rem 0;
            opacity:0;
            visibility:hidden;
            transform:translateY(10px);
            transition:.25s ease;
            box-shadow:0 10px 30px rgba(0,0,0,.45);
        }
        
        .language-menu li{
            width:100%;
        }
        
        .language-menu a{
            display:block;
            padding:.65rem 1.2rem;
            color:var(--text-muted);
            text-decoration:none;
            transition:all .25s;
            white-space:nowrap;
        }
        
        .language-menu a:hover{
            color:var(--accent-gold);
            background:rgba(212,175,55,.08);
        }
        
        .language-dropdown:hover .language-menu{
            opacity:1;
            visibility:visible;
            transform:translateY(0);
        }
        
        .menu-toggle{
            display:none;
            background:none;
            border:none;
            color:var(--text-main);
            font-size:1.8rem;
            cursor:pointer;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 800;
            letter-spacing: 2px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 2rem;
        }

        .nav-links a {
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.3s;
            font-size: 0.95rem;
        }

        .nav-links a:hover {
            color: var(--accent-gold);
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 8rem 5% 4rem;
            background: radial-gradient(circle at 80% 20%, rgba(45, 55, 72, 0.3) 0%, transparent 50%);
        }

        .hero-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .hero-content h1 {
            font-size: 3.2rem;
            line-height: 1.2;
            margin-bottom: 1.5rem;
        }

        .hero-content p {
            font-size: 1.15rem;
            color: var(--text-muted);
            margin-bottom: 2rem;
        }

        .btn {
            display: inline-block;
            padding: 0.8rem 2rem;
            background: linear-gradient(135deg, #d4af37 0%, #aa882c 100%);
            color: #000;
            font-weight: 700;
            text-decoration: none;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px var(--accent-glow);
            transition: all 0.3s ease;
        }

        .btn:hover {
            box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
            transform: translateY(-2px);
        }

        .hero-illustration {
            text-align: center;
        }

        /* Services Section */
        .services {
            padding: 6rem 5%;
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-title {
            text-align: center;
            margin-bottom: 4rem;
        }

        .section-title h2 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .section-title p {
            color: var(--text-muted);
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .service-card {
            padding: 2.5rem;
        }

        .service-icon {
            width: 60px;
            height: 60px;
            margin-bottom: 1.5rem;
            fill: var(--accent-gold);
        }

        .service-card h3 {
            font-size: 1.3rem;
            margin-bottom: 1rem;
            color: var(--metal-light);
        }

        .service-card p {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* Contact / CTA Section */
        .contact {
            padding: 6rem 5%;
            background: linear-gradient(180deg, var(--bg-dark) 0%, #14171c 100%);
            border-top: 1px solid var(--border-metal);
        }

        .contact-container {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .contact-form {
            margin-top: 3rem;
            display: grid;
            gap: 1.5rem;
        }

        .form-group {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }

        input, textarea {
            width: 100%;
            padding: 1rem;
            background: var(--bg-dark);
            border: 1px solid var(--border-metal);
            border-radius: 4px;
            color: var(--text-main);
            font-size: 1rem;
        }

        input:focus, textarea:focus {
            outline: none;
            border-color: var(--accent-gold);
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 2rem;
            border-top: 1px solid var(--border-metal);
            color: var(--text-muted);
            font-size: 0.85rem;
        }

        /* Responsive Design */
        @media (max-width: 900px) {
    .hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .form-group {
        grid-template-columns: 1fr;
    }
}



.earth-container {
	display: block;
	clear: both;
}

@media (max-width:900px){

    nav{
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
        padding:1rem 5%;
        position:fixed;
        width:100%;
        z-index:1000;
    }

    .logo{
        flex:1;
        min-width:0;
    }

    .menu-toggle{
        display:block;
        background:none;
        border:none;
        color:var(--text-main);
        font-size:2rem;
        cursor:pointer;
        z-index:1002;
        margin-left:auto;
        flex-shrink:0;
    }

    .nav-right{
        width:100%;
        display:none;
        order:3;
        margin-top:1rem;
        background:#14171c;
        border-top:1px solid var(--border-metal);
    }

    .nav-right.active{
        display:block;
    }

    .nav-links{
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .nav-links li{
        width:100%;
    }

    .nav-links a{
        display:block;
        padding:16px 20px;
    }

    .language-menu{
        position:static;
        display:block;
        opacity:1;
        visibility:visible;
        transform:none;
        background:none;
        border:none;
        box-shadow:none;
        padding-left:20px;
    }
}

@media (min-width:901px){
    .menu-toggle{
        display:none;
    }

    .nav-right{
        display:flex;
    }
}