
:root{
 --kyj-navy:#06142f;--kyj-blue:#075be8;--kyj-cyan:#02c9f3;--kyj-purple:#743cff;
 --kyj-pink:#d93bcb;--kyj-green:#10b981;--kyj-orange:#ff8a1e;--kyj-text:#16213f;
 --kyj-muted:#68758c;--kyj-bg:#f5f8ff;--kyj-white:#fff;--kyj-shadow:0 22px 60px rgba(25,50,100,.13)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--kyj-bg);color:var(--kyj-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.kyj-wrap{width:min(1240px,calc(100% - 28px));margin:auto}
.kyj-hero{position:relative;overflow:hidden;color:white;padding:76px 18px 86px;background:radial-gradient(circle at 75% 20%,rgba(0,214,255,.28),transparent 28%),radial-gradient(circle at 93% 24%,rgba(217,60,255,.24),transparent 31%),linear-gradient(135deg,#04132e,#0b3073 38%,#3d2177 72%,#08617f)}
.kyj-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1.5px);background-size:42px 42px;opacity:.18;animation:kyjStars 18s linear infinite}
@keyframes kyjStars{to{background-position:180px 100px}}
.kyj-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.kyj-kicker{display:inline-flex;gap:8px;flex-wrap:wrap;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:900;letter-spacing:.9px}
.kyj-hero h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:20px 0 18px}.kyj-hero h1 span{background:linear-gradient(90deg,#54eaff,#c6a9ff,#ff8ed9,#ffc46d);-webkit-background-clip:text;background-clip:text;color:transparent}
.kyj-hero p{max-width:710px;font-size:18px;line-height:1.72;color:rgba(255,255,255,.82)}
.kyj-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.kyj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:15px;text-decoration:none;font-weight:900;border:0;cursor:pointer;transition:.2s transform,.2s box-shadow}
.kyj-btn:hover{transform:translateY(-3px)}.kyj-btn-primary{color:white;background:linear-gradient(100deg,#075be8,#6d3cff,#d63bce);background-size:220% 100%;animation:kyjFlow 5s ease infinite;box-shadow:0 15px 34px rgba(93,57,225,.32)}
@keyframes kyjFlow{50%{background-position:100% 50%}}.kyj-btn-ghost{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
.kyj-hero-art img{width:100%;border-radius:28px;box-shadow:0 30px 75px rgba(0,0,0,.35);animation:kyjFloat 6s ease-in-out infinite}@keyframes kyjFloat{50%{transform:translateY(-10px)}}
.kyj-search{position:relative;z-index:5;margin-top:-34px}.kyj-search-card{padding:18px;border-radius:24px;background:#fff;box-shadow:var(--kyj-shadow)}
.kyj-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.kyj-tab{padding:10px 14px;border-radius:12px;background:#eef3ff;text-decoration:none;color:#34425f;font-weight:800}.kyj-tab.active{color:#fff;background:linear-gradient(100deg,#075be8,#743cff)}
.kyj-search-grid{display:grid;grid-template-columns:1.5fr .9fr auto;gap:10px}.kyj-field{height:50px;border:1px solid #d8e1f0;border-radius:14px;padding:0 15px;background:#fff;font:inherit}
.kyj-stats{position:relative;z-index:4;margin-top:18px}.kyj-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kyj-stat{padding:17px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#fff,#eef3ff);box-shadow:0 14px 34px rgba(24,47,93,.07)}.kyj-stat b{display:block;font-size:24px}.kyj-stat span{color:var(--kyj-muted);font-size:12px}
.kyj-section{padding:78px 14px}.kyj-head{max-width:820px;margin:0 auto 36px;text-align:center}.kyj-head small{color:var(--kyj-blue);font-weight:900;letter-spacing:1px}.kyj-head h2{font-size:clamp(34px,4.5vw,52px);letter-spacing:-2px;margin:8px 0 10px}.kyj-head p{color:var(--kyj-muted);line-height:1.7}
.kyj-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kyj-card{padding:22px;border-radius:24px;background:#fff;border:1px solid #e4eaf4;box-shadow:0 17px 44px rgba(28,50,95,.07);transition:.25s transform,.25s box-shadow}.kyj-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(28,50,95,.14)}
.kyj-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:27px;color:#fff;background:linear-gradient(135deg,#075be8,#743cff,#d93bcb)}.kyj-card h3{margin:0 0 8px}.kyj-card p{color:var(--kyj-muted);line-height:1.6}
.kyj-jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kyj-job{padding:18px;border-radius:22px;background:#fff;border:1px solid #e4eaf4;box-shadow:0 16px 40px rgba(28,50,95,.07)}.kyj-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff3cd;color:#8a5a00;font-size:10px;font-weight:900}.kyj-job h3{margin:12px 0 6px;font-size:18px}.kyj-company{font-weight:800;color:#33415f}.kyj-meta{display:grid;gap:7px;margin:13px 0;color:var(--kyj-muted);font-size:12px}.kyj-salary{font-weight:900;color:#13274f}
.kyj-company-list{display:grid;gap:12px}.kyj-company-row{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid #e5ebf5}.kyj-logo{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#eef5ff,#f4ecff);display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900;color:#4d38c9}.kyj-company-row small{color:var(--kyj-muted)}
.kyj-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kyj-flow-step{padding:23px;text-align:center;border-radius:22px;background:#fff;border:1px solid #e5ebf5;box-shadow:0 15px 40px rgba(28,50,95,.07)}.kyj-flow-step .num{width:32px;height:32px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#075be8,#743cff);font-weight:900}.kyj-flow-step .art{font-size:44px;margin-bottom:10px}
.kyj-cta{padding:58px 14px;color:#fff;background:linear-gradient(100deg,#075be8,#6f3cff,#d23ccf)}.kyj-cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px}.kyj-cta h2{margin:0;font-size:clamp(30px,4vw,46px)}
.kyj-form{display:grid;gap:14px}.kyj-form label{font-weight:800;font-size:13px}.kyj-form input,.kyj-form textarea,.kyj-form select{width:100%;border:1px solid #d6dfed;border-radius:14px;padding:13px;background:#fff;font:inherit}.kyj-form textarea{min-height:130px;resize:vertical}.kyj-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kyj-alert{padding:15px 17px;border-radius:16px;margin-bottom:18px}.kyj-ok{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.kyj-bad{background:#fff1f2;border:1px solid #fda4af;color:#881337}
.kyj-table-wrap{overflow:auto;background:#fff;border-radius:22px;box-shadow:var(--kyj-shadow)}table.kyj-table{width:100%;border-collapse:collapse;min-width:900px}.kyj-table th,.kyj-table td{padding:14px;border-bottom:1px solid #edf1f7;text-align:left}.kyj-table th{background:#f4f7ff;color:#33415f;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
@media(max-width:1000px){.kyj-hero-grid{grid-template-columns:1fr}.kyj-stats-grid{grid-template-columns:repeat(2,1fr)}.kyj-grid3{grid-template-columns:1fr 1fr}.kyj-jobs{grid-template-columns:repeat(2,1fr)}.kyj-flow{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.kyj-search-grid,.kyj-grid3,.kyj-jobs,.kyj-flow,.kyj-two{grid-template-columns:1fr}.kyj-stats-grid{grid-template-columns:1fr 1fr}.kyj-hero{padding:50px 8px 64px}.kyj-section{padding:58px 8px}.kyj-cta-in{display:block}.kyj-cta .kyj-btn{margin-top:20px}}
