/*
Theme Name: NZeroOne
Theme URI: https://nzeroone.com
Author: OpenAI
Description: Modern dark technology inspired WordPress theme based on provided design.
Version: 1.0
Text Domain: nzeroone
*/

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

body{
    font-family: Arial, sans-serif;
    background:#000;
    color:#fff;
}

a{
    text-decoration:none;
}

.site-header{
    width:100%;
    padding:25px 60px;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}

.header-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo{
    font-size:60px;
    font-weight:700;
    color:#59c14f;
    line-height:1;
}

.logo small{
    color:#ff8a1d;
    font-size:20px;
    display:block;
    margin-left:60px;
    margin-top:-15px;
}

.hero-section{
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:#000;
}

.hero-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at center, rgba(89,193,79,0.25), transparent 40%),
        linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.95));
}

.hero-bg::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-image:
    linear-gradient(rgba(89,193,79,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(89,193,79,0.07) 1px, transparent 1px);
    background-size:60px 60px;
    opacity:0.3;
}

.hero-content{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:120px 60px 80px;
    position:relative;
    z-index:2;
}

.hero-title{
    font-size:130px;
    line-height:0.95;
    font-weight:800;
    letter-spacing:-4px;
}

.hero-title .green{
    color:#59c14f;
}

.hero-text{
    max-width:600px;
    font-size:22px;
    line-height:1.5;
    margin-top:40px;
    color:#e6e6e6;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-top:40px;
    color:#ff8a1d;
    font-size:28px;
    font-weight:600;
}

.hero-btn span{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#ff8a1d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.contact-btn{
    border:1px solid #ff8a1d;
    padding:14px 26px;
    border-radius:8px;
    color:#ff8a1d;
    font-weight:600;
}

.video-card{
    position:absolute;
    right:8%;
    bottom:40px;
    width:420px;
    height:230px;
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(135deg,#1a2d4d,#9d4b67);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
}

.play-btn{
    width:70px;
    height:70px;
    border-radius:50%;
    border:4px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

@media(max-width:991px){
    .hero-title{
        font-size:72px;
    }

    .hero-content{
        padding:140px 25px 100px;
    }

    .hero-text{
        font-size:18px;
    }

    .video-card{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:50px;
        width:100%;
        max-width:100%;
    }

    .site-header{
        padding:20px 25px;
    }
}

@media(max-width:576px){
    .hero-title{
        font-size:54px;
        letter-spacing:-2px;
    }

    .hero-btn{
        font-size:20px;
    }

    .logo{
        font-size:42px;
    }

    .contact-btn{
        padding:10px 16px;
        font-size:14px;
    }
}