*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#010101;color:#fff;font-family:Rajdhani,Arial,sans-serif;overflow-x:hidden;min-height:100vh}
:root{--r:#ff0714;--r2:#b30009;--r3:#4d0005;--white:#fff;--panel:#070707}
body:before{content:"";position:fixed;inset:0;z-index:-10;background:radial-gradient(ellipse at 50% -5%,#71000d 0%,#220005 18%,transparent 48%),radial-gradient(circle at 5% 75%,#360006,transparent 25%),radial-gradient(circle at 95% 65%,#300005,transparent 25%),#010101}
.ambient{position:fixed;inset:-40%;z-index:-9;background:conic-gradient(from 0deg at 50% 50%,transparent,#ff00150b,transparent,#ff00150b,transparent);filter:blur(20px);animation:rotate 18s linear infinite}
.grid{position:fixed;inset:0;z-index:-8;background-image:linear-gradient(#ff00150a 1px,transparent 1px),linear-gradient(90deg,#ff00150a 1px,transparent 1px);background-size:45px 45px;transform:perspective(500px) rotateX(60deg) scale(1.8) translateY(25%);transform-origin:center bottom;opacity:.75}
.scan{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,#fff00008 0 1px,transparent 1px 5px);mix-blend-mode:screen}
.hero{position:relative;text-align:center;padding:55px 15px 42px;perspective:1000px}.hero:after{content:"";position:absolute;width:500px;height:120px;left:50%;bottom:0;transform:translateX(-50%);background:#ff0015;filter:blur(90px);opacity:.16;z-index:-1}
.logo-ring{width:158px;height:158px;margin:auto;padding:5px;border-radius:50%;background:conic-gradient(#fff,#ff0015,#230003,#ff0015,#fff);box-shadow:0 0 20px #ff0015,0 0 55px #ff001566,0 0 120px #ff001522;animation:pulse 2.5s ease-in-out infinite;position:relative}
.logo-ring:before,.logo-ring:after{content:"";position:absolute;inset:-12px;border:1px solid #ff172255;border-radius:50%;animation:orbit 8s linear infinite}.logo-ring:after{inset:-25px;border-color:#ff172222;animation-direction:reverse;animation-duration:12s}.logo-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #020202}
.brand{font:900 clamp(31px,7vw,70px) Orbitron;letter-spacing:4px;margin-top:23px;text-shadow:0 0 5px #fff,0 0 14px #ff0015,0 0 35px #ff0015,0 0 75px #ff001566;animation:flicker 5s infinite}
.tag{font-weight:800;color:#ff8b91;letter-spacing:3px;margin-top:10px}.status{display:inline-flex;align-items:center;gap:8px;margin-top:13px;padding:7px 15px;border:1px solid #780912;border-radius:40px;background:#050101;box-shadow:inset 0 0 14px #ff001511,0 0 20px #ff001522;color:#ff6c73;font-size:11px;font-weight:800}.status i{width:7px;height:7px;border-radius:50%;background:#ff101c;box-shadow:0 0 14px #ff101c}
main{width:min(1120px,94%);margin:auto;padding-bottom:65px}.glass{position:relative;background:linear-gradient(145deg,#100203f5,#030303f8 45%,#080001f5);border:1px solid #67070e;border-radius:24px;margin:27px 0;padding:26px;box-shadow:0 0 0 1px #1b0103,inset 0 0 45px #ff00150b,0 20px 70px #000;overflow:hidden;transform:translateZ(0)}
.glass:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#ff00150d 48%,transparent 53%);transform:translateX(-100%);animation:metal 7s ease-in-out infinite;pointer-events:none}.glass:after{content:"";position:absolute;inset:1px;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff05;pointer-events:none}
.showcase{display:grid;grid-template-columns:350px 1fr;gap:34px;align-items:center;perspective:1200px}.portrait{height:455px;position:relative;border-radius:20px;overflow:hidden;border:1px solid #a00a13;background:#020202;box-shadow:0 0 30px #ff001533,0 35px 60px #000;transform:rotateY(5deg) rotateX(1deg);transition:.5s}.portrait:hover{transform:rotateY(0) translateY(-5px);box-shadow:0 0 45px #ff001555,0 35px 60px #000}.portrait img{width:100%;height:100%;object-fit:cover}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#020000e8 100%)}.portrait-glow{position:absolute;inset:auto 10% -30px;height:100px;background:#ff0015;filter:blur(55px);opacity:.25}.portrait-label{position:absolute;bottom:20px;left:15px;right:15px;z-index:2;font:900 14px Orbitron;letter-spacing:3px;text-shadow:0 0 12px #ff0015;text-align:center}
.corner{position:absolute;width:32px;height:32px;border-color:#ff1a25;z-index:5}.c1{top:12px;left:12px;border-top:2px solid;border-left:2px solid}.c2{top:12px;right:12px;border-top:2px solid;border-right:2px solid}.c3{bottom:12px;left:12px;border-bottom:2px solid;border-left:2px solid}.c4{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid}
.eyebrow{font:800 12px Orbitron;color:#ff6269;letter-spacing:3px}.deal h1{font:900 clamp(25px,4.2vw,48px) Orbitron;line-height:1.15;margin:14px 0;text-shadow:0 0 8px #fff,0 0 18px #ff0015,0 0 40px #ff001544}.muted{font-size:18px;color:#bdaeb0;line-height:1.45}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.benefits div{position:relative;padding:16px 15px;border:1px solid #4d070b;border-radius:11px;background:linear-gradient(145deg,#0d0102,#030303);font-weight:900;letter-spacing:1px;box-shadow:inset 0 0 18px #ff00150a,0 5px 18px #000;transition:.25s}.benefits div:hover{transform:translateY(-3px) perspective(500px) rotateX(4deg);border-color:#ff1722;box-shadow:0 0 24px #ff001533,inset 0 0 20px #ff001515}
.title{text-align:center;font:900 clamp(18px,3vw,29px) Orbitron;letter-spacing:2px;text-shadow:0 0 10px #ff0015,0 0 28px #ff001533}.title span{color:#ff2631}.ai-sub{text-align:center;color:#ff7278;font-weight:800;letter-spacing:2px;font-size:11px;margin:8px 0 20px}
.chat{height:285px;overflow:auto;padding:16px;border:1px solid #320509;border-radius:15px;background:radial-gradient(circle at 50% 0,#130103,#020202 50%);box-shadow:inset 0 0 35px #ff001508}.msg{max-width:88%;padding:13px 16px;margin:9px 0;border-radius:13px;font-size:16px;font-weight:600;line-height:1.4}.bot{background:linear-gradient(135deg,#1b0204,#080808);border:1px solid #65080e;box-shadow:0 0 14px #ff00150d}.user{margin-left:auto;background:linear-gradient(135deg,#52060b,#1a0204);border:1px solid #a10c14;box-shadow:0 0 16px #ff001522}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.chips button{font:900 11px Orbitron;color:#fff;background:#060606;border:1px solid #760910;padding:10px 15px;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #ff001511}.chips button:hover{background:#320408;border-color:#ff1722;box-shadow:0 0 20px #ff001544}.composer{display:flex;gap:9px}.composer input,.form input,.form select{width:100%;background:#030303;color:#fff;border:1px solid #50070c;border-radius:9px;padding:14px;font:600 15px Rajdhani;outline:none}.composer input:focus,.form input:focus,.form select:focus{border-color:#ff1722;box-shadow:0 0 18px #ff001522}.composer button{width:56px;border:1px solid #ff3139;border-radius:9px;background:linear-gradient(135deg,#ff101b,#8b0007);color:#fff;font-size:22px;box-shadow:0 0 22px #ff001544;cursor:pointer}
.project{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;margin-top:11px;border:1px solid #38060a;border-radius:12px;background:linear-gradient(90deg,#050505,#0b0102,#050505);transition:.3s;box-shadow:0 8px 20px #000}.project:hover{transform:translateX(4px);border-color:#a20a12;box-shadow:0 0 25px #ff001522}.project small{color:#ff5058;margin-right:15px}.project b{font:900 20px Orbitron;letter-spacing:2px;text-shadow:0 0 9px #ff001522}.project em{display:block;color:#ff4e56;font-size:9px;letter-spacing:3px;margin-left:34px}.action,.mega{position:relative;overflow:hidden;text-decoration:none;color:#fff;font:900 12px Orbitron;letter-spacing:1px;border:1px solid #ff3038;border-radius:9px;background:linear-gradient(100deg,#570006,#ff0b17,#570006);background-size:220%;animation:shine 2.4s linear infinite;box-shadow:0 0 20px #ff001544,inset 0 0 12px #fff2;padding:12px 18px}.action:after,.mega:after{content:"";position:absolute;top:-50%;left:-40%;width:25%;height:200%;background:#fff8;transform:rotate(25deg);animation:glint 2.8s infinite}.soon{font:900 10px Orbitron;letter-spacing:2px;color:#ff5d64;text-shadow:0 0 8px #ff0015}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}.mega{min-height:65px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.mega span{color:#ffd6d8;margin-left:10px}.form.hidden{display:none}.form-art{text-align:center;border-bottom:1px solid #4b070c;padding-bottom:22px;margin-bottom:21px}.form-art img{width:155px;height:155px;object-fit:cover;border-radius:17px;border:2px solid #ff111b;box-shadow:0 0 30px #ff001555}.form-art div{font:900 29px Orbitron;margin-top:14px;text-shadow:0 0 8px #fff,0 0 18px #ff0015}.form-art small{font:900 12px Orbitron;color:#ff666c;letter-spacing:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:block;color:#ff9ba0;font-weight:900;font-size:13px;letter-spacing:1px}.form label input,.form label select{margin-top:7px}.full{display:block;margin-top:15px}.preview{width:150px;height:150px;margin-top:11px;border:1px solid #800a10;border-radius:11px;overflow:hidden;box-shadow:0 0 18px #ff001522}.preview img{width:100%;height:100%;object-fit:cover}.locked{width:100%;margin-top:23px;padding:17px;border:1px solid #5c0a0e;border-radius:10px;background:linear-gradient(90deg,#0a0102,#170204,#0a0102);color:#777;font:900 13px Orbitron;letter-spacing:2px}.locked span{display:block;color:#ff343e;font-size:9px;margin-top:6px}footer{text-align:center;padding:30px 10px;color:#642e32;font:800 10px Orbitron;letter-spacing:3px}
@keyframes pulse{50%{box-shadow:0 0 30px #ff0015,0 0 75px #ff001566,0 0 120px #ff001522}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes metal{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes shine{to{background-position:220%}}@keyframes glint{0%,55%{left:-40%}75%,100%{left:130%}}@keyframes flicker{0%,92%,100%{opacity:1}94%{opacity:.72}96%{opacity:1}}@media(max-width:780px){.hero{padding-top:35px}.showcase{grid-template-columns:1fr}.portrait{height:390px;transform:none}.benefits,.form-grid,.cta{grid-template-columns:1fr}.glass{padding:18px;border-radius:18px}.brand{letter-spacing:1px}.project b{font-size:15px}.soon{font-size:8px}.tag{letter-spacing:1px;font-size:11px}}

.advance-list.hidden{display:none}.advance-list{scroll-margin-top:20px}.live-status{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px auto 20px;width:max-content;padding:7px 17px;border:1px solid #8b080f;border-radius:999px;background:#090102;color:#ff6269;font:900 11px Orbitron;letter-spacing:3px;box-shadow:0 0 20px #ff001522}.live-status i{width:8px;height:8px;border-radius:50%;background:#ff101c;box-shadow:0 0 7px #ff101c,0 0 18px #ff101c;animation:livePulse 1.1s ease-in-out infinite}.advance-table-wrap{overflow-x:auto;border:1px solid #4d070b;border-radius:14px;background:#030303;box-shadow:inset 0 0 30px #ff001508}.advance-table{width:100%;min-width:650px;border-collapse:collapse;font-family:Rajdhani,Arial,sans-serif}.advance-table th{padding:16px 12px;color:#ff747b;font:900 11px Orbitron;letter-spacing:1.5px;background:linear-gradient(180deg,#170204,#080102);border-bottom:1px solid #710811}.advance-table td{padding:18px 12px;text-align:center;font-weight:800;font-size:16px;border-bottom:1px solid #240408;color:#eee}.advance-table tbody tr{transition:.25s}.advance-table tbody tr:hover{background:#160204;box-shadow:inset 0 0 20px #ff001511}.advance-table td:first-child{color:#ff7b81}.advance-table td:nth-child(3){color:#fff;text-shadow:0 0 10px #ff0015}.advance-table td:nth-child(4){color:#ff7379}@keyframes livePulse{50%{opacity:.45;transform:scale(.72);box-shadow:0 0 3px #ff101c,0 0 8px #ff101c}}@media(max-width:780px){.advance-table th{font-size:9px}.advance-table td{font-size:14px}}

/* PAK VIP — independent salary system */
.pakvip-page{scroll-margin-top:20px;min-height:650px}
.pakvip-page.hidden{display:none}
.sound-control{position:absolute;top:18px;right:18px;z-index:4}
.sound-btn{border:1px solid #7e0a11;border-radius:999px;background:#070102;color:#ff777d;padding:9px 13px;font:900 10px Orbitron;letter-spacing:1px;cursor:pointer;box-shadow:0 0 18px #ff001522}
.sound-btn.on{border-color:#ff2832;color:#fff;box-shadow:0 0 24px #ff001544,inset 0 0 12px #ff001511}
.coming-tag{width:max-content;margin:5px auto 20px;padding:7px 15px;border:1px solid #a10b13;border-radius:999px;color:#ff555d;background:#0b0102;font:900 10px Orbitron;letter-spacing:3px;box-shadow:0 0 22px #ff001522;animation:comingPulse 1.5s ease-in-out infinite}
.pakvip-head{text-align:center;margin-top:8px;padding:22px 10px;border-bottom:1px solid #4d070b}
.pakvip-head h2{font:900 clamp(25px,5vw,46px) Orbitron;margin:10px 0;text-shadow:0 0 8px #fff,0 0 18px #ff0015,0 0 40px #ff001544}
.pakvip-head p{color:#bdaeb0;font-size:16px}
.pakvip-form{max-width:720px;margin:25px auto 0;display:grid;gap:15px}
.pakvip-form label{display:block;color:#ff9ba0;font-weight:900;font-size:13px;letter-spacing:1px}
.pakvip-form input{width:100%;margin-top:7px;background:#030303;color:#fff;border:1px solid #50070c;border-radius:9px;padding:15px;font:600 15px Rajdhani;outline:none}
.pakvip-form input:focus{border-color:#ff1722;box-shadow:0 0 18px #ff001522}
.apply-btn,.list-btn{position:relative;overflow:hidden;width:100%;margin-top:8px;padding:17px;border:1px solid #ff3038;border-radius:10px;background:linear-gradient(100deg,#570006,#ff0b17,#570006);background-size:220%;animation:shine 2.4s linear infinite;color:#fff;font:900 14px Orbitron;letter-spacing:2px;cursor:pointer;box-shadow:0 0 25px #ff001544}
.apply-btn:after,.list-btn:after{content:"";position:absolute;top:-50%;left:-40%;width:25%;height:200%;background:#fff8;transform:rotate(25deg);animation:glint 2.8s infinite}
.salary-success{max-width:720px;margin:25px auto 0;text-align:center;padding:27px 15px;border:1px solid #750a11;border-radius:15px;background:linear-gradient(145deg,#130203,#050505);box-shadow:0 0 35px #ff001522}
.salary-success.hidden,.salary-list.hidden{display:none}
.check-animation{width:70px;height:70px;margin:0 auto 14px;border:2px solid #ff2029;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 42px Arial;box-shadow:0 0 20px #ff0015,0 0 50px #ff001544;animation:checkPop .7s ease-out,checkGlow 1.4s ease-in-out infinite alternate}
.salary-success>div:nth-child(2){font:900 clamp(15px,3vw,22px) Orbitron;text-shadow:0 0 12px #ff0015}
.salary-success small{display:block;color:#ff8c92;margin-top:9px;font-weight:700}
.list-btn{max-width:390px;margin-top:20px}
.salary-list{margin-top:35px;padding-top:25px;border-top:1px solid #4d070b}
.salary-table-wrap{overflow-x:auto;border:1px solid #4d070b;border-radius:14px;background:#030303;box-shadow:inset 0 0 30px #ff001508}
.salary-table{width:100%;min-width:720px;border-collapse:collapse}
.salary-table th{padding:16px 12px;color:#ff747b;font:900 11px Orbitron;letter-spacing:1.5px;background:linear-gradient(180deg,#170204,#080102);border-bottom:1px solid #710811}
.salary-table td{padding:18px 12px;text-align:center;font-weight:800;font-size:15px;border-bottom:1px solid #240408;color:#eee}
.salary-table tbody tr:hover{background:#160204}
.salary-table td:first-child{color:#ff7b81}
@keyframes comingPulse{50%{transform:scale(1.035);box-shadow:0 0 30px #ff001544}}
@keyframes checkPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.15) rotate(5deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes checkGlow{to{box-shadow:0 0 32px #ff0015,0 0 75px #ff001544}}
@media(max-width:780px){.sound-control{position:relative;top:auto;right:auto;text-align:right;margin-bottom:10px}.pakvip-page{padding-top:18px}.salary-table th{font-size:9px}.salary-table td{font-size:13px}}