:root{--v4-cyan:#39d8ff;--v4-blue:#176bff;--v4-violet:#8b5cff;--v4-ink:#020611;--v4-panel:rgba(5,13,32,.78);--v4-line:rgba(73,174,255,.25)}
html{scroll-behavior:smooth}body.v4-page{background:#020611!important;color:#edf7ff;overflow-x:hidden}body.v4-page:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 74% 12%,rgba(23,107,255,.22),transparent 30%),radial-gradient(circle at 22% 85%,rgba(139,92,255,.12),transparent 32%),linear-gradient(135deg,#01040b,#04091a 52%,#01030a)}
body.v4-page:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(rgba(57,216,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(57,216,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
body.v4-page #particles,body.v4-page #bg,body.v4-page .grid-bg,body.v4-page .scan,body.v4-page .vl,body.v4-page .proxygod-fx,body.v4-page .anime-guardian{display:none!important}
.v4-rail{position:fixed;left:18px;top:18px;bottom:18px;width:92px;z-index:50;border:1px solid var(--v4-line);background:rgba(2,8,24,.82);backdrop-filter:blur(18px);border-radius:28px;display:flex;flex-direction:column;align-items:center;padding:18px 10px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.v4-rail-logo{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,rgba(23,107,255,.24),rgba(139,92,255,.14));border:1px solid rgba(57,216,255,.38);margin-bottom:28px;overflow:hidden}.v4-rail-logo img{width:115%;height:115%;object-fit:contain}.v4-rail a{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#8eacd0;text-decoration:none;font-size:1.25rem;margin:5px 0;border:1px solid transparent;transition:.25s transform,.25s color,.25s background}.v4-rail a:hover,.v4-rail a.active{color:white;background:linear-gradient(145deg,rgba(23,107,255,.65),rgba(139,92,255,.4));border-color:rgba(57,216,255,.55);transform:translateY(-2px);box-shadow:0 10px 30px rgba(23,107,255,.28)}.v4-rail-spacer{flex:1}.v4-rail-status{width:14px;height:14px;border-radius:50%;background:#37ee91;box-shadow:0 0 18px #37ee91;margin-bottom:10px}
.v4-shell{margin-left:128px;min-height:100vh;padding:18px 26px 46px}.v4-hero{min-height:300px;border:1px solid var(--v4-line);border-radius:34px;position:relative;overflow:hidden;padding:46px 42% 38px 44px;background:linear-gradient(110deg,rgba(3,11,30,.96) 0 54%,rgba(5,19,52,.6)),radial-gradient(circle at 78% 48%,rgba(23,107,255,.42),transparent 34%);box-shadow:0 30px 90px rgba(0,0,0,.38);margin-bottom:22px}.v4-hero:before{content:"";position:absolute;right:-3%;top:-18%;width:48%;height:140%;background:radial-gradient(ellipse,rgba(57,216,255,.24),transparent 62%);filter:blur(4px);transform:rotate(-8deg)}.v4-hero:after{content:"⚡";position:absolute;right:10%;top:4%;font-size:12rem;line-height:1;color:rgba(57,216,255,.13);text-shadow:0 0 50px rgba(57,216,255,.35);transform:rotate(10deg)}.v4-eyebrow{font-family:'Orbitron',sans-serif;color:var(--v4-cyan);letter-spacing:3px;font-size:.76rem;font-weight:800}.v4-hero h1{font-family:'Kanit',sans-serif;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;margin:12px 0 16px;max-width:700px}.v4-hero h1 span{background:linear-gradient(90deg,#fff,var(--v4-cyan),#8e7cff);-webkit-background-clip:text;color:transparent}.v4-hero p{color:#99acc7;max-width:610px;font-size:1rem}.v4-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.v4-hero-tags span{padding:8px 12px;border-radius:999px;background:rgba(57,216,255,.06);border:1px solid var(--v4-line);font-size:.78rem;color:#bad9f5}
body.v4-index .page-wrap{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}body.v4-index .topbar{grid-column:1/-1;margin:0!important;padding:18px 22px;border:1px solid var(--v4-line);border-radius:24px;background:var(--v4-panel);backdrop-filter:blur(18px)}body.v4-index .topbar .brand-icon,body.v4-index .otaku-brandbar{display:none!important}body.v4-index .brand-title{color:#fff!important;text-shadow:none!important}body.v4-index .stepper-wrap{grid-column:1/5;margin:0!important;border-radius:28px!important;padding:24px!important;background:linear-gradient(160deg,rgba(12,31,69,.85),rgba(4,9,23,.88))!important;min-height:100%}body.v4-index .stepper{grid-template-columns:1fr!important;gap:8px!important}body.v4-index .step-line{width:2px;height:30px;margin:auto}body.v4-index .step-node{flex-direction:row!important;justify-content:flex-start!important;text-align:left;padding:8px 4px}body.v4-index .step-circle{width:46px!important;height:46px!important;border-radius:15px!important;margin-right:12px}body.v4-index .step-label{text-align:left!important;font-size:.9rem!important}body.v4-index .main-grid{grid-column:5/-1;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;gap:18px!important}body.v4-index .panel{border-radius:30px!important;background:var(--v4-panel)!important;border:1px solid var(--v4-line)!important;padding:28px!important;box-shadow:0 22px 70px rgba(0,0,0,.3)}body.v4-index .panel:first-child{min-height:470px}body.v4-index .panel:nth-child(2){background:linear-gradient(160deg,rgba(15,25,57,.88),rgba(5,10,24,.9))!important}.panel-title,.content-title,.section-title{color:var(--v4-cyan)!important}.btn-primary,.btn-rekey,.modal-btn{background:linear-gradient(100deg,var(--v4-blue),var(--v4-cyan))!important;box-shadow:0 12px 34px rgba(23,107,255,.3)!important}.control,.cyber-input{border-color:var(--v4-line)!important;background:rgba(255,255,255,.035)!important}
body.v4-menu .layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important;margin:0!important;padding:18px 22px 40px 128px!important}body.v4-menu .sidebar{position:sticky!important;top:18px!important;height:calc(100vh - 36px)!important;width:auto!important;border-radius:30px!important;border:1px solid var(--v4-line)!important;background:var(--v4-panel)!important;transform:none!important}body.v4-menu .content-wrap{padding:0!important;max-width:none!important}body.v4-menu .top-hero{min-height:250px;border-radius:32px!important;background:linear-gradient(110deg,rgba(6,19,48,.95),rgba(10,25,64,.65))!important;border:1px solid var(--v4-line)!important;display:flex;flex-direction:column;justify-content:flex-end;padding:32px!important}body.v4-menu .info-grid{grid-template-columns:repeat(4,1fr)!important;margin-top:25px}body.v4-menu .info-card{border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--v4-line)!important}body.v4-menu .content-card{border:none!important;background:transparent!important;padding:0!important;margin-top:20px}body.v4-menu .feature-list{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}body.v4-menu .feature-row{display:flex!important;flex-direction:column!important;min-height:230px;border-radius:24px!important;background:linear-gradient(150deg,rgba(9,26,62,.86),rgba(4,9,24,.9))!important;border:1px solid var(--v4-line)!important;padding:22px!important;justify-content:space-between}body.v4-menu .feature-main{align-items:flex-start!important}body.v4-menu .feature-actions{width:100%;justify-content:space-between;margin-top:18px}body.v4-menu .otaku-brandbar{display:none!important}
body.v4-tutorial .wrap{margin-left:128px!important;max-width:none!important;width:auto!important;padding:24px 28px 50px!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}body.v4-tutorial .header{grid-column:1/-1!important;text-align:left!important;border-radius:34px!important;min-height:260px;padding:44px!important;background:linear-gradient(115deg,rgba(4,15,40,.96),rgba(14,36,84,.68));border:1px solid var(--v4-line)}body.v4-tutorial .header-logo{max-width:240px!important;margin:0!important}body.v4-tutorial .card{margin:0!important;border-radius:28px!important;border:1px solid var(--v4-line)!important;background:var(--v4-panel)!important;padding:28px!important}body.v4-tutorial .card:nth-of-type(1){grid-column:1/8}body.v4-tutorial .card:nth-of-type(2){grid-column:8/-1}body.v4-tutorial .card:nth-of-type(3){grid-column:1/6}body.v4-tutorial .card:nth-of-type(4){grid-column:6/-1}body.v4-tutorial .card:nth-of-type(5){grid-column:1/-1}body.v4-tutorial .step-list{display:grid!important;grid-template-columns:repeat(2,1fr);gap:14px}body.v4-tutorial .step-item{border:1px solid var(--v4-line);border-radius:18px;padding:18px;background:rgba(255,255,255,.025)}body.v4-tutorial .otaku-brandbar{display:none!important}
body.v4-rekey{display:block!important;min-height:100vh!important;padding:0!important}body.v4-rekey .rekey-card{width:auto!important;max-width:none!important;margin:22px 28px 50px 128px!important;min-height:calc(100vh - 72px);border-radius:36px!important;padding:56px 50% 50px 52px!important;text-align:left!important;background:linear-gradient(110deg,rgba(4,13,34,.96) 0 50%,rgba(8,25,66,.78) 50% 100%)!important;border:1px solid var(--v4-line)!important;box-shadow:0 35px 100px rgba(0,0,0,.46)!important;position:relative}body.v4-rekey .rekey-card:after{content:"KEY RESET CORE";position:absolute;right:8%;top:22%;width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-family:'Orbitron';font-size:1.1rem;letter-spacing:2px;color:var(--v4-cyan);border:1px solid rgba(57,216,255,.38);box-shadow:inset 0 0 60px rgba(23,107,255,.24),0 0 80px rgba(23,107,255,.18);background:radial-gradient(circle,rgba(57,216,255,.08),transparent 60%)}body.v4-rekey .title{text-align:left!important;font-size:clamp(2.4rem,5vw,4.6rem)!important;color:#fff!important}body.v4-rekey .sub-title{text-align:left!important;font-size:1rem!important;margin-bottom:34px!important}body.v4-rekey .otaku-brandbar{display:none!important}body.v4-rekey form{max-width:620px}body.v4-rekey .cyber-input,body.v4-rekey .btn-rekey{min-height:58px;border-radius:18px!important}
@media(max-width:1050px){.v4-rail{left:10px;width:72px}.v4-shell{margin-left:94px;padding:12px}.v4-hero{padding-right:28px}.v4-hero:after{opacity:.25}body.v4-menu .layout{padding-left:94px!important;grid-template-columns:1fr!important}body.v4-menu .sidebar{display:none!important}body.v4-menu .feature-list{grid-template-columns:repeat(2,1fr)}body.v4-tutorial .wrap{margin-left:94px!important}body.v4-rekey .rekey-card{margin-left:94px!important;padding-right:42px!important}body.v4-rekey .rekey-card:after{display:none}}
@media(max-width:720px){.v4-rail{position:fixed;left:8px;right:8px;top:auto;bottom:8px;width:auto;height:68px;flex-direction:row;border-radius:22px;padding:6px 10px}.v4-rail-logo,.v4-rail-spacer,.v4-rail-status{display:none}.v4-rail a{width:48px;height:48px;margin:0 3px}.v4-shell{margin-left:0;padding:10px 10px 88px}.v4-hero{min-height:250px;padding:30px 22px}.v4-hero h1{font-size:2.35rem}body.v4-index .page-wrap{grid-template-columns:1fr!important}body.v4-index .topbar,body.v4-index .stepper-wrap,body.v4-index .main-grid{grid-column:1!important}body.v4-index .main-grid{grid-template-columns:1fr!important}body.v4-index .stepper{grid-template-columns:repeat(5,auto)!important}body.v4-index .step-line{width:100%;height:2px}body.v4-index .step-node{flex-direction:column!important}body.v4-menu .layout{padding:10px 10px 88px!important}body.v4-menu .feature-list{grid-template-columns:1fr}body.v4-menu .info-grid{grid-template-columns:1fr 1fr!important}body.v4-tutorial .wrap{margin-left:0!important;padding:10px 10px 88px!important;display:block!important}body.v4-tutorial .header,body.v4-tutorial .card{margin-bottom:14px!important}body.v4-tutorial .step-list{grid-template-columns:1fr}body.v4-rekey .rekey-card{margin:10px 10px 88px!important;padding:34px 22px!important;min-height:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}