@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";
:root{--nkrn-bg:#060708;--nkrn-bg-soft:#0c0d0f;--nkrn-panel:#0d0e10;--nkrn-panel-soft:#111214;--nkrn-border:#ffffff1c;--nkrn-border-strong:#fff3;--nkrn-text:#fff;--nkrn-muted:#9f9fa7;--nkrn-muted-dark:#696970;--nkrn-gold:#d7a31f;--nkrn-gold-bright:#e7b42b;--nkrn-gold-soft:#d7a31f1f;--nkrn-red:#ef233c;--nkrn-orange:#f59e0b;--nkrn-green:#22c55e}.nkrn-control{min-height:100vh;color:var(--nkrn-text);font-family:DM Sans,Arial,sans-serif;background:radial-gradient(circle at 50% -18%, #ffffff0b, transparent 34%), linear-gradient(180deg, #ffffff02, transparent 30%), var(--nkrn-bg)!important}.nkrn-control:before{content:"/// NKRN";z-index:1;color:#d7a31f2e;letter-spacing:.28em;pointer-events:none;font-family:Outfit,Arial,sans-serif;font-size:12px;font-weight:900;position:fixed;bottom:18px;left:clamp(18px,3vw,46px)}.nkrn-control h1,.nkrn-control h2,.nkrn-control h3{letter-spacing:-.025em;font-family:Outfit,Arial,sans-serif}.nkrn-control h1{font-weight:900!important}.nkrn-control h2{font-weight:800!important}.nkrn-control p[class*=uppercase],.nkrn-control label[class*=uppercase]{color:var(--nkrn-gold)!important;letter-spacing:.18em!important;font-weight:800!important}.nkrn-panel{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px)saturate(125%)!important;background:linear-gradient(145deg,#ffffff12,#ffffff06 48%,#d7a31f05),#0a0b0db3!important;border:1px solid #ffffff1c!important;border-radius:26px!important;box-shadow:0 22px 70px #0000004d,inset 0 1px #ffffff0e!important}.nkrn-panel:after{content:"";background:linear-gradient(90deg, var(--nkrn-gold), #d7a31f00);opacity:.95;border-radius:999px;width:86px;height:2px;position:absolute;top:0;left:clamp(24px,4vw,48px)}.nkrn-panel:hover{border-color:#ffffff29!important}.nkrn-hero{overflow:hidden;padding-top:clamp(26px,4vw,48px)!important;padding-bottom:clamp(26px,4vw,48px)!important}.nkrn-hero:before{content:"IT SUPPORT CENTRE";color:var(--nkrn-gold);letter-spacing:.24em;margin-bottom:22px;font-family:Outfit,Arial,sans-serif;font-size:11px;font-weight:900;display:block}.nkrn-hero h1{max-width:780px;font-size:clamp(2.35rem,5vw,4.8rem)!important;line-height:.94!important}.nkrn-hero img{filter:drop-shadow(0 10px 30px #00000059)}.nkrn-input,.nkrn-select,.nkrn-control textarea{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;box-shadow:inset 0 1px #ffffff06;color:#fff!important;background:#07080a9e!important;border:1px solid #ffffff1a!important;border-radius:14px!important;outline:none!important;padding:.9rem 1rem!important;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s!important}.nkrn-input::placeholder,.nkrn-control textarea::placeholder{color:#62626a!important}.nkrn-input:focus,.nkrn-select:focus,.nkrn-control textarea:focus{background:#0f1012d1!important;border-color:#d7a31fb8!important;box-shadow:0 0 0 3px #d7a31f14!important}.nkrn-control button{font-family:DM Sans,Arial,sans-serif;font-weight:700;border-radius:12px!important;transition:transform .16s,background .16s,border-color .16s,color .16s!important}.nkrn-control button:hover:not(:disabled){transform:translateY(-2px)}.nkrn-control button:active:not(:disabled){transform:translateY(0)}.nkrn-control button[type=submit]{text-transform:uppercase;letter-spacing:.07em;background:var(--nkrn-gold)!important;border-color:var(--nkrn-gold)!important;color:#080808!important}.nkrn-control button[type=submit]:hover:not(:disabled){background:var(--nkrn-gold-bright)!important}.nkrn-control button[class*=red-]{border-color:#ef233c47!important}.nkrn-request-form,.nkrn-request-history{padding-top:clamp(28px,4vw,46px)!important;padding-bottom:clamp(28px,4vw,46px)!important}.nkrn-request-history>div:first-child,.nkrn-request-form>div:first-child{max-width:760px}.nkrn-stats{border:0!important;gap:14px!important}.nkrn-stats>div{flex-direction:column;justify-content:center;min-height:150px;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(145deg,#ffffff0e,#ffffff05),#090a0ca8!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 16px 46px #00000038,inset 0 1px #ffffff0a!important}.nkrn-stats>div:before{content:"";background:var(--nkrn-gold);opacity:.65;width:48px;height:2px;position:absolute;top:0;left:22px}.nkrn-stats p[class*=text-4xl]{font-family:Outfit,Arial,sans-serif;line-height:.95;font-size:clamp(2.6rem,5vw,4.35rem)!important;font-weight:900!important}.nkrn-control .space-y-4>div,.nkrn-control .space-y-5>div[class*=border],.nkrn-control .space-y-6>div[class*=border]{transition:transform .18s,border-color .18s,background .18s!important}.nkrn-control .space-y-4>div:hover,.nkrn-control .space-y-6>div[class*=border]:hover{border-color:var(--nkrn-border-strong)!important;background:#ffffff09!important}.nkrn-control span[class*=rounded-full]{text-transform:uppercase;letter-spacing:.1em;border-radius:8px!important;font-size:10px!important;font-weight:800!important}.nkrn-control:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,#d7a31f0e,#0000 28%),radial-gradient(circle at 88% 30%,#ffffff07,#0000 26%);position:fixed;inset:0}.nkrn-control>*{z-index:1;position:relative}.nkrn-control table{border-collapse:separate;border-spacing:0}.nkrn-control thead{background:#ffffff05}.nkrn-control *{scrollbar-width:thin;scrollbar-color:#343438 #0b0c0d}.nkrn-control ::-webkit-scrollbar{width:9px;height:9px}.nkrn-control ::-webkit-scrollbar-track{background:#0b0c0d}.nkrn-control ::-webkit-scrollbar-thumb{background:#343438}@media (max-width:900px){.nkrn-hero h1{font-size:clamp(2.2rem,10vw,3.6rem)!important}.nkrn-stats>div{border-right:0!important;border-bottom:1px solid var(--nkrn-border)!important}.nkrn-stats>div:last-child{border-bottom:0!important}}@media (max-width:640px){.nkrn-control:before{display:none}.nkrn-panel{border-left:0!important;border-right:0!important}.nkrn-control main,.nkrn-control>div{max-width:100%}}@media (prefers-reduced-motion:reduce){.nkrn-control *,.nkrn-control :before,.nkrn-control :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}