@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Outfit',sans-serif;background:radial-gradient(circle at 50% 0%, #161e38 0%, #060913 100%);color:#f1f5f9;line-height:1.6;min-height:100vh}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.top-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid rgba(245, 158, 11, 0.15)}
.logo-block{display:flex;align-items:center;gap:14px}
.logo-img{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fff,#f1f1f1);padding:4px;box-shadow:0 4px 15px rgba(245,158,11,0.2)}
.val-title{font-size:20px;font-weight:800;color:#fff;letter-spacing:.3px}
.val-sub{font-size:13px;color:#f59e0b;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.hero-wrapper{padding:60px 0;display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}
.main-box{background:rgba(22, 30, 56, 0.5);backdrop-filter:blur(12px);border-radius:28px;padding:45px 40px;border:1px solid rgba(245, 158, 11, 0.2);box-shadow:0 25px 60px rgba(0,0,0,.6)}
.tag-gold{background:rgba(69, 26, 3, 0.8);color:#fbbf24;border:1px solid rgba(245, 158, 11, 0.3);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:20px;display:inline-block}
.title-big{font-size:46px;font-weight:800;color:#fff;margin:18px 0 16px;line-height:1.1}
.title-big span{background:linear-gradient(135deg, #fbbf24, #f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.desc-text{color:#cbd5e1;font-size:18px;margin-bottom:35px}
.btn-gold{background:linear-gradient(135deg, #d97706, #b45309);color:#fff;border:none;padding:22px;border-radius:16px;font-weight:800;font-size:18px;width:100%;cursor:pointer;text-transform:uppercase;transition:all 0.3s ease;box-shadow:0 0 25px rgba(217,119,6,.4);animation:pulseGold 2s infinite}
.btn-gold:hover{transform:translateY(-3px);background:linear-gradient(135deg, #f59e0b, #d97706);box-shadow:0 10px 30px rgba(245,158,11,0.6)}
@keyframes pulseGold { 0%{box-shadow:0 0 0 0 rgba(217,119,6,0.5)} 70%{box-shadow:0 0 0 15px rgba(217,119,6,0)} 100%{box-shadow:0 0 0 0 rgba(217,119,6,0)} }
.side-card{background:rgba(22, 30, 56, 0.5);backdrop-filter:blur(12px);border-radius:28px;padding:45px;border:1px solid rgba(245, 158, 11, 0.2);box-shadow:0 25px 60px rgba(0,0,0,.6);text-align:center}
.salary-badge{font-size:36px;font-weight:800;color:#fbbf24;margin-bottom:10px;text-shadow:0 0 20px rgba(251,191,36,0.3)}
.sec-title{text-align:center;font-size:34px;font-weight:800;color:#fff;margin:50px 0 25px}
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.c-item{background:rgba(22, 30, 56, 0.4);backdrop-filter:blur(10px);border-radius:22px;padding:32px;border:1px solid rgba(245, 158, 11, 0.15);transition:all 0.3s ease}
.c-item:hover{transform:translateY(-5px);background:rgba(22, 30, 56, 0.7);border-color:rgba(245, 158, 11, 0.4);box-shadow:0 15px 30px rgba(0,0,0,0.4)}
.c-item h4{color:#fff;font-size:24px;margin-bottom:16px}
.c-item ul{list-style:none;color:#cbd5e1;font-size:16px;line-height:1.8}
.c-item li{margin-bottom:8px;padding-left:22px;position:relative}
.c-item li::before{content:"★";color:#fbbf24;position:absolute;left:0;font-size:14px;top:2px}
.footer{padding:40px 0;text-align:center;color:#64748b;font-size:14px;border-top:1px solid rgba(245, 158, 11, 0.15);margin-top:40px}
.footer a{color:#fbbf24;text-decoration:none;font-weight:600}
.footer a:hover{color:#fcd34d}
@media(max-width:900px){.hero-wrapper,.cards-row{grid-template-columns:1fr}}