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

body{
    font-family:'Segoe UI',sans-serif;
    background:#050816;
    color:#ffffff;
    overflow-x:hidden;
}

/* Security Gateway */

#gateway{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(5,8,22,0.9);
}

.gateway-box{
    width:650px;
    max-width:90%;
    padding:40px;

    background:#0f172a;

    border:1px solid #00d4ff;

    border-radius:16px;

    box-shadow:
    0 0 40px rgba(0,212,255,0.25);

    backdrop-filter:blur(10px);
}

.gateway-box h1{
    color:#00d4ff;

    margin-bottom:20px;

    font-size:32px;

    letter-spacing:2px;

    text-align:center;
}

/* Scan Section */

.scan{
    font-family:Consolas,monospace;

    color:#00ff88;

    margin-bottom:25px;

    line-height:1.8;

    font-size:15px;

    background:#08111f;

    padding:20px;

    border-radius:10px;

    border-left:4px solid #00d4ff;
}

/* Input Fields */

input{
    width:100%;

    padding:14px;

    margin-top:10px;

    margin-bottom:20px;

    background:#111827;

    border:1px solid #334155;

    border-radius:8px;

    color:white;

    font-size:15px;
}

input:focus{
    outline:none;

    border-color:#00d4ff;

    box-shadow:
    0 0 10px rgba(0,212,255,0.4);
}

/* Button */

button{
    width:100%;

    padding:15px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

    color:white;

    background:
    linear-gradient(
    90deg,
    #00d4ff,
    #1e90ff
    );

    transition:0.3s;
}

button:hover{
    transform:translateY(-2px);

    box-shadow:
    0 0 20px rgba(0,212,255,0.4);
}

/* Portfolio */

#portfolio{
    display:none;

    max-width:1100px;

    margin:auto;

    padding:60px 40px;
}

.hero{
    text-align:center;

    padding:80px 0;
}

.hero h1{
    font-size:52px;

    color:#00d4ff;

    margin-bottom:15px;
}

.hero h3{
    color:#b8c5d6;

    margin-bottom:20px;
}

.hero p{
    color:#dbe4ee;
}

/* Sections */

h2{
    color:#00d4ff;

    margin-top:40px;

    margin-bottom:15px;
}

p,
li{
    color:#dbe4ee;

    line-height:1.8;
}

ul{
    padding-left:20px;
}

hr{
    border:0;

    height:1px;

    background:#1e293b;

    margin:30px 0;
}