*{box-sizing:border-box}
:root{font-family:Inter,Arial,sans-serif;color:#f5f5f5;background:#090b0d}
body{margin:0;background:#090b0d}
.page{min-height:100vh}
.hero{position:relative;min-height:100vh;overflow:hidden;background:#0b0d0f}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,9,11,.98) 0%,rgba(7,9,11,.88) 34%,rgba(7,9,11,.35) 67%,rgba(7,9,11,.12) 100%),url("assets/hero-nku.png");background-size:cover;background-position:center}
.hero-content{position:relative;z-index:1;max-width:1500px;min-height:100vh;margin:auto;padding:52px 6vw 30px;display:flex;flex-direction:column}
.brand{display:flex;align-items:flex-start;gap:26px}
.accent{width:6px;height:88px;background:#ff2732;display:block}
.brand h1{font-size:28px;line-height:1.08;margin:0 0 12px;font-weight:700}
.brand p{margin:0;font-size:13px;letter-spacing:5px;color:#a6a8ab}
.intro{margin-top:82px}
.eyebrow{font-size:16px;letter-spacing:7px;color:#b8b9bb;display:flex;align-items:center;gap:24px}
.eyebrow span{display:inline-block;width:48px;height:3px;background:#ff2732}
.title-line{display:flex;align-items:flex-end;gap:28px;margin-top:16px}
.title-line strong{font-size:150px;line-height:.82;color:#ff2732;font-weight:800;letter-spacing:-7px}
.subtitle{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:.3px;margin-bottom:3px}
.tagline{font-size:15px;letter-spacing:7px;color:#aaa;margin:26px 0 0}
.services{display:flex;gap:44px;margin-top:42px;max-width:850px}
.services article{width:135px;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.35;color:#ddd}
.services i{font-style:normal;width:64px;height:64px;border:1px solid #45484c;border-radius:10px;display:grid;place-items:center;color:#ff2732;font-size:29px}
.notice{margin-top:42px;max-width:800px;border-left:7px solid #ff2732;border-radius:3px;background:rgba(10,12,14,.78);padding:34px 42px;display:flex;gap:35px;backdrop-filter:blur(8px)}
.notice-icon{font-size:42px;color:#ff2732}
.notice h2{font-size:28px;margin:3px 0 14px}
.notice p{margin:0;color:#b8b9bb;font-size:15px;line-height:1.7}
footer{margin-top:auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:30px;color:#929598;font-size:11px;letter-spacing:4px}
footer b{color:#ff2732;margin:0 13px;font-weight:400}
@media(max-width:1000px){
 .hero-bg{background-position:62% center;opacity:.7}
 .hero-content{padding:34px 7vw 24px}
 .intro{margin-top:55px}
 .title-line{display:block}
 .title-line strong{font-size:105px}
 .subtitle{font-size:23px;margin-top:12px}
 .services{gap:18px;flex-wrap:wrap}
 .services article{width:120px}
 .notice{margin-top:34px}
 footer{font-size:9px;letter-spacing:2px}
}
@media(max-width:620px){
 .hero-bg{background-position:67% center}
 .brand h1{font-size:20px}
 .brand p{font-size:9px;letter-spacing:3px}
 .accent{height:68px;width:4px}
 .intro{margin-top:46px}
 .eyebrow{font-size:11px;letter-spacing:3px;gap:12px}
 .eyebrow span{width:30px}
 .title-line strong{font-size:78px;letter-spacing:-4px}
 .subtitle{font-size:19px}
 .tagline{font-size:10px;letter-spacing:3px}
 .services{margin-top:30px;gap:15px}
 .services article{width:105px;font-size:11px}
 .services i{width:48px;height:48px;font-size:22px}
 .notice{padding:24px 20px;gap:18px;margin-top:28px}
 .notice-icon{font-size:28px}
 .notice h2{font-size:20px}
 .notice p{font-size:12px;line-height:1.55}
 footer{display:block;line-height:2}
 footer div+div{margin-top:6px}
}