body{

    margin:0;
    font-family:"Segoe UI",sans-serif;
    
    background:linear-gradient(180deg,#020617,#020617,#071226);
    
    color:#e5e7eb;
    
    }
    
    
    /* HERO */
    
    .hero{
    
    height:60vh;
    
    display:flex;
    align-items:center;
    justify-content:center;
    
    background:linear-gradient(135deg,#020617,#0f172a,#020617);
    
    text-align:center;
    
    }
    
    .hero-main{
    
    font-size:64px;
    font-weight:bold;
    
    background:linear-gradient(90deg,#38bdf8,#60a5fa);
    
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    
    }
    
    .hero-sub{
    
    margin-top:15px;
    font-size:22px;
    color:#94a3b8;
    
    }
    
    
    /* container */
    
    .container{
    
    padding:60px 10%;
    
    }
    
    
    /* NEWS */
    
    .section-title{
    
    color:#38bdf8;
    margin-bottom:20px;
    
    }
    
    .news-card{
    
    background:#0f172a;
    
    padding:20px;
    
    border-radius:10px;
    
    border:1px solid #1e293b;
    
    }
    
    .news-date{
    
    color:#94a3b8;
    font-size:14px;
    
    }
    
    .news-title{
    
    font-size:22px;
    font-weight:bold;
    margin-top:5px;
    
    }
    
    
    /* tabs */
    
    .tabs{
    
    margin-top:40px;
    margin-bottom:20px;
    
    }
    
    .tab-button{
    
    padding:10px 20px;
    
    background:#0f172a;
    
    color:#e5e7eb;
    
    border:1px solid #1e293b;
    
    margin-right:10px;
    
    cursor:pointer;
    
    border-radius:6px;
    
    }
    
    .tab-button.active{
    
    background:#38bdf8;
    color:#020617;
    
    }
    
    .tab-content{
    
    display:none;
    
    background:#0f172a;
    
    padding:30px;
    
    border-radius:10px;
    
    border:1px solid #1e293b;
    
    }
    
    .tab-content.active{
    display:block;
    }
    
    
    /* salary */
    
    .salary-highlight{
    
    font-size:26px;
    font-weight:bold;
    color:#38bdf8;
    
    }
    
    
    /* entry */
    
    .entry-section{
    
    text-align:center;
    
    margin-top:60px;
    
    }
    
    .entry-message{
    
    font-size:22px;
    margin-bottom:20px;
    
    color:#cbd5e1;
    
    }
    
    .entry-button{
    
    padding:15px 40px;
    
    font-size:20px;
    
    background:linear-gradient(90deg,#38bdf8,#2563eb);
    
    color:white;
    
    text-decoration:none;
    
    border-radius:10px;
    
    transition:0.3s;
    
    }
    
    .entry-button:hover{
    
    transform:translateY(-3px);
    
    box-shadow:0 0 15px rgba(56,189,248,0.5);
    
    }