/* MONLABS SECURITY AUDIT - LIGHT THEME FOR MONSTER DESIGN / HELIX3 */
#monsec-page{
  --ms-red:#ef4b3f;
  --ms-orange:#f59a2f;
  --ms-green:#25b56f;
  --ms-blue:#3568f0;
  --ms-ink:#1f232b;
  --ms-text:#4f5663;
  --ms-muted:#7a818c;
  --ms-line:#e6e9ee;
  --ms-soft:#f7f8fa;
  --ms-card:#ffffff;
  overflow:hidden;background:#fff;color:var(--ms-text);font-family:Arial,Helvetica,sans-serif;
}
#monsec-page *,#monsec-page *:before,#monsec-page *:after{box-sizing:border-box}
#monsec-page h1,#monsec-page h2,#monsec-page h3,#monsec-page h4{color:var(--ms-ink)}
.ms-container{position:relative;z-index:2;width:1180px;max-width:calc(100% - 40px);margin:0 auto}
.ms-center{text-align:center}.ms-section{padding:95px 0}.ms-soft{background:var(--ms-soft)}
.ms-kicker{display:inline-block;color:var(--ms-red);font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.ms-section-head{max-width:850px;margin:0 auto 55px}.ms-section-head h2{margin:14px 0 17px;font-size:40px;line-height:1.15;letter-spacing:-1px}.ms-section-head h2 span{color:var(--ms-red)}.ms-section-head p{margin:0;color:var(--ms-muted)!important;font-size:15px;line-height:1.75}

/* HERO */
.ms-hero{position:relative;min-height:860px;padding:105px 0 130px;background:radial-gradient(circle at 18% 18%,rgba(239,75,63,.075),transparent 32%),radial-gradient(circle at 82% 28%,rgba(53,104,240,.06),transparent 32%),#fff}
.ms-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(40,50,70,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,50,70,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 86%);mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.ms-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.ms-orb-a{width:320px;height:320px;left:4%;top:160px;background:rgba(245,154,47,.11);animation:msFloat 8s ease-in-out infinite}.ms-orb-b{width:350px;height:350px;right:5%;top:240px;background:rgba(53,104,240,.08);animation:msFloat 10s ease-in-out infinite reverse}@keyframes msFloat{50%{transform:translateY(25px)}}
.ms-hero h1{max-width:980px;margin:18px auto 22px;font-size:58px;line-height:1.08;letter-spacing:-2px}.ms-hero h1 span{background:linear-gradient(90deg,var(--ms-red),var(--ms-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ms-lead{max-width:820px;margin:0 auto;color:var(--ms-muted)!important;font-size:17px;line-height:1.8}.ms-hero-actions{margin-top:30px}.ms-btn{display:inline-block;margin:5px;padding:14px 24px;border-radius:5px;text-decoration:none!important;font-size:13px;font-weight:800;transition:.25s}.ms-btn:hover{transform:translateY(-3px)}.ms-btn-primary{background:linear-gradient(90deg,var(--ms-red),var(--ms-orange));color:#fff!important;box-shadow:0 12px 28px rgba(239,75,63,.16)}.ms-btn-ghost{border:1px solid #d9dde3;background:#fff;color:#353a42!important}

/* HERO VISUAL */
.ms-hero-visual{position:relative;width:760px;max-width:100%;height:390px;margin:65px auto 0;border:1px solid var(--ms-line);border-radius:12px;background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 35px 75px rgba(31,40,58,.11)}
.ms-hero-badge{position:absolute;left:22px;top:18px;color:#8b919b;font-size:9px;letter-spacing:1.4px;font-weight:700}.ms-hero-core{position:absolute;left:50%;top:50%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;border-radius:50%;background:#fff;border:1px solid #dfe3e8;box-shadow:0 18px 45px rgba(30,40,60,.10);transform:translate(-50%,-50%)}.ms-hero-core span{color:var(--ms-red);font-size:11px;font-weight:800;letter-spacing:2px}.ms-hero-core strong{font-size:22px;color:var(--ms-ink);margin:5px 0}.ms-hero-core small{color:#8b919b;font-size:8px;letter-spacing:1px}.ms-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(53,104,240,.2);transform:translate(-50%,-50%)}.ms-ring-1{width:245px;height:245px}.ms-ring-2{width:320px;height:320px}.ms-ring-3{width:375px;height:375px;border-color:rgba(239,75,63,.18)}
.ms-node{position:absolute;z-index:5;width:120px;padding:12px 10px;border:1px solid #e1e5ea;border-radius:7px;background:#fff;box-shadow:0 12px 25px rgba(30,40,60,.07);text-align:center}.ms-node b{display:block;color:var(--ms-ink);font-size:12px}.ms-node small{display:block;margin-top:3px;color:#8a909a;font-size:9px}.ms-node-1{left:80px;top:70px}.ms-node-2{right:80px;top:70px}.ms-node-3{left:80px;bottom:55px}.ms-node-4{right:80px;bottom:55px}

/* CARDS */
.ms-compare-grid,.ms-box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ms-card,.ms-box-card{padding:30px;border:1px solid var(--ms-line);border-radius:8px;background:#fff;box-shadow:0 10px 35px rgba(30,40,60,.04)}.ms-card-accent,.ms-box-highlight{border-color:rgba(239,75,63,.25);box-shadow:0 18px 45px rgba(239,75,63,.07)}.ms-card-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-bottom:20px;border-radius:7px;background:rgba(239,75,63,.06);color:var(--ms-red);font-size:20px}.ms-card h3,.ms-box-card h3{font-size:20px}.ms-card p,.ms-box-card p{color:var(--ms-muted)!important;font-size:13px;line-height:1.7}.ms-mini-flow{display:flex;align-items:center;gap:8px;margin-top:18px}.ms-mini-flow span{padding:7px 10px;border-radius:20px;background:#f5f6f8;color:#555c66;font-size:9px}.ms-mini-flow i{color:#b9bec6;font-style:normal}.ms-box-card>span{color:var(--ms-red);font-size:9px;font-weight:800;letter-spacing:1.3px}

/* ARCHITECTURE */
.ms-architecture{margin-bottom:28px;padding:30px;border:1px solid var(--ms-line);border-radius:9px;background:#fff;box-shadow:0 16px 45px rgba(30,40,60,.05)}.ms-arch-label{margin-bottom:22px;color:#9298a2;font-size:9px;font-weight:800;letter-spacing:1.3px}.ms-arch-row{display:flex;align-items:center;justify-content:center;gap:12px}.ms-arch-row>span{color:#c1c6cd}.ms-arch-box{min-width:165px;padding:16px 12px;border:1px solid #e3e6eb;border-radius:7px;background:#fafbfc;color:var(--ms-ink);font-size:12px;font-weight:700;text-align:center}.ms-arch-box small{display:block;margin-top:4px;color:#8b919a;font-size:8px;font-weight:400}.ms-arch-hot{border-color:rgba(239,75,63,.3);background:rgba(239,75,63,.035)}

/* 15 LAYERS */
.ms-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ms-layer{position:relative;min-height:190px;padding:26px;border:1px solid var(--ms-line);border-radius:8px;background:#fff;transition:.3s}.ms-layer:hover{transform:translateY(-6px);border-color:rgba(239,75,63,.25);box-shadow:0 18px 40px rgba(30,40,60,.07)}.ms-layer>span{position:absolute;right:18px;top:10px;color:#eef0f3;font-size:44px;font-weight:900}.ms-layer h3{margin:6px 0 10px;font-size:17px}.ms-layer p{margin:0;color:var(--ms-muted)!important;font-size:12px;line-height:1.65}

/* USER VS PENTEST */
.ms-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ms-user-view,.ms-pentest-view{min-height:390px;padding:35px;border:1px solid var(--ms-line);border-radius:9px;background:#fff}.ms-view-tag{color:var(--ms-red);font-size:9px;font-weight:800;letter-spacing:1.2px}.ms-upload-card{width:270px;max-width:100%;margin:65px auto 0;padding:30px;border:1px dashed #d7dbe1;border-radius:9px;text-align:center;background:#fafbfc}.ms-avatar{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#eceff4,#dfe5ee)}.ms-upload-card h3{font-size:18px}.ms-upload-card button{border:1px solid #d8dde4;border-radius:4px;background:#fff;padding:9px 15px;color:#555b64}.ms-pentest-view ul{margin:35px 0 0;padding:0;list-style:none}.ms-pentest-view li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid #eef0f3;color:#555c65;font-size:12px}.ms-pentest-view li:before{content:"?";position:absolute;left:0;top:10px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(239,75,63,.07);color:var(--ms-red);font-size:9px;font-weight:800}

/* PROCESS */
.ms-process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ms-process-line{position:absolute;left:3%;right:3%;top:36px;height:1px;background:linear-gradient(90deg,transparent,#e0e3e8 8%,#e0e3e8 92%,transparent)}.ms-step{position:relative;z-index:2;min-height:175px;padding:22px;border:1px solid var(--ms-line);border-radius:8px;background:#fff}.ms-step b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:18px;border-radius:50%;background:var(--ms-red);color:#fff;font-size:10px}.ms-step h3{font-size:15px}.ms-step p{margin:0;color:var(--ms-muted)!important;font-size:11px;line-height:1.6}

/* ATTACK CHAIN */
.ms-attack-section{background:linear-gradient(180deg,#fff,#fbfbfc)}.ms-chain{display:flex;align-items:center;justify-content:center;gap:12px}.ms-chain>span{color:#bdc2ca}.ms-chain-item{width:200px;min-height:120px;padding:24px 18px;border:1px solid var(--ms-line);border-radius:8px;background:#fff;text-align:center}.ms-chain-item small{display:block;margin-bottom:10px;color:#8b919a;font-size:8px;font-weight:800;letter-spacing:1.3px}.ms-chain-item strong{color:var(--ms-ink);font-size:14px}.ms-chain-hot{border-color:rgba(239,75,63,.34);box-shadow:0 18px 45px rgba(239,75,63,.09)}.ms-chain-hot small{color:var(--ms-red)}.ms-chain-note{max-width:820px;margin:30px auto 0;color:var(--ms-muted)!important;text-align:center;font-size:14px;line-height:1.7}

/* VELOCITY */
.ms-velocity{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:18px}.ms-velocity-panel{padding:35px;border:1px solid var(--ms-line);border-radius:9px;background:#fff}.ms-velocity-panel h3{font-size:19px}.ms-bars{display:flex;align-items:flex-end;gap:10px;height:190px;margin:25px 0;padding:0 12px;border-bottom:1px solid #e2e6eb}.ms-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3568f0,#85a5ff)}.ms-risk-panel .ms-bars i{background:linear-gradient(180deg,var(--ms-red),#f8a29b)}.ms-velocity-panel strong{font-size:12px;color:#555c66}.ms-velocity-divider{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #e0e4e9;border-radius:50%;background:#fff;color:#777d86;font-weight:800}

/* REPORT */
.ms-report{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:30px;border:1px solid var(--ms-line);border-radius:9px;background:#fff;box-shadow:0 15px 45px rgba(30,40,60,.05)}.ms-report-left{padding:20px;border-right:1px solid #edf0f3}.ms-severity{display:inline-block;padding:7px 12px;border-radius:30px;background:rgba(239,75,63,.08);color:var(--ms-red);font-size:9px;font-weight:800}.ms-report-left h3{margin:15px 0 10px;font-size:22px}.ms-report-left p{color:var(--ms-muted)!important;font-size:12px;line-height:1.65}.ms-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ms-report-grid div{padding:17px;border:1px solid #eceef2;border-radius:6px;background:#fafbfc}.ms-report-grid small{display:block;margin-bottom:6px;color:#8b919a;font-size:8px;letter-spacing:1px;text-transform:uppercase}.ms-report-grid b{font-size:11px;color:#3c424a}

/* FINAL */
.ms-final{padding:90px 0 110px;background:#fff}.ms-final-box{padding:65px 40px;border:1px solid var(--ms-line);border-radius:10px;background:radial-gradient(circle at 50% 0,rgba(239,75,63,.07),transparent 48%),#fafbfc}.ms-final h2{max-width:860px;margin:13px auto 18px;font-size:40px;line-height:1.15;letter-spacing:-1px}.ms-final h2 span{color:var(--ms-red)}.ms-final p{max-width:750px;margin:0 auto;color:var(--ms-muted)!important;font-size:14px;line-height:1.75}

/* SCROLL ANIMATION */
.ms-reveal{opacity:0;transform:translateY(38px);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.ms-reveal.ms-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){.ms-layer-grid{grid-template-columns:repeat(2,1fr)}.ms-process{grid-template-columns:repeat(3,1fr)}.ms-arch-row{flex-wrap:wrap}.ms-arch-row>span{display:none}}
@media(max-width:900px){.ms-hero{min-height:auto}.ms-hero h1{font-size:45px}.ms-compare-grid,.ms-box-grid{grid-template-columns:1fr}.ms-split{grid-template-columns:1fr}.ms-process{grid-template-columns:repeat(2,1fr)}.ms-velocity{grid-template-columns:1fr}.ms-velocity-divider{margin:auto}.ms-chain{flex-wrap:wrap}.ms-chain>span{display:none}.ms-report{grid-template-columns:1fr}.ms-report-left{border-right:0;border-bottom:1px solid #edf0f3}.ms-report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ms-section{padding:68px 0}.ms-container{max-width:calc(100% - 28px)}.ms-hero{padding:70px 0 85px}.ms-hero h1{font-size:34px;letter-spacing:-1px}.ms-lead{font-size:15px}.ms-section-head h2,.ms-final h2{font-size:29px}.ms-hero-visual{height:430px}.ms-node{width:105px}.ms-node-1{left:18px;top:90px}.ms-node-2{right:18px;top:90px}.ms-node-3{left:18px;bottom:55px}.ms-node-4{right:18px;bottom:55px}.ms-ring-3{width:330px;height:330px}.ms-ring-2{width:285px;height:285px}.ms-ring-1{width:235px;height:235px}.ms-layer-grid,.ms-process{grid-template-columns:1fr}.ms-architecture{padding:20px}.ms-arch-row{display:grid;grid-template-columns:1fr;gap:8px}.ms-arch-box{width:100%}.ms-report-grid{grid-template-columns:1fr}.ms-hero-actions .ms-btn{display:block;width:100%;margin:8px 0}.ms-chain-item{width:100%}}