:root{--navy:#061b33;--navy2:#08284b;--blue:#123f78;--red:#d71920;--green:#168044;--bg:#eef4f9;--card:#fff;--text:#0b233f;--muted:#617184;--line:#dce7f1;--shadow:0 18px 45px rgba(8,31,55,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,#041527,#062a4d);color:#fff;padding:18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;gap:22px;z-index:10}.brand-panel{background:#fff;border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.brand-panel img{width:64px;height:64px;object-fit:contain}.brand-panel h1{font-size:17px;line-height:1.15;color:var(--navy);margin:0;font-weight:950}.nav-list{display:flex;flex-direction:column;gap:10px}.nav-item{color:#e7f0fa;text-decoration:none;padding:13px 14px;border-radius:12px;font-weight:900;font-size:13px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);outline:1px solid rgba(255,255,255,.13)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:5px;font-weight:900}.sidebar-footer small{color:#a9bed5;font-weight:800}.main-content{margin-left:245px;width:calc(100% - 245px);padding:22px}.hero{min-height:490px;border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:center;background:#061b33}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,36,.98) 0%,rgba(6,27,51,.88) 43%,rgba(8,40,75,.30) 100%),url('https://drive.google.com/thumbnail?id=1I0Lnw47xk-to0X5jvEwoLe-L_DeyUEcB&sz=w2400');background-size:cover;background-position:center}.hero-logo{position:absolute;right:38px;top:38px;width:108px;height:108px;object-fit:contain;opacity:.9;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22))}.hero-content{position:relative;max-width:820px;padding:60px;color:#fff}.eyebrow{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.eyebrow.dark{background:#e8f0f8;color:var(--blue);border-color:#d2dfec}.hero h2{font-size:clamp(32px,3.35vw,54px);line-height:1.04;margin:20px 0 16px;font-weight:950;letter-spacing:-.045em;max-width:740px}.hero p{font-size:17px;line-height:1.55;color:#e2edf8;font-weight:750;max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary-btn,.secondary-btn,.system-card button{border:0;border-radius:14px;padding:14px 18px;font-weight:950;cursor:pointer;text-decoration:none}.primary-btn{background:var(--red);color:#fff}.secondary-btn{background:#fff;color:var(--navy)}.systems{padding:46px 0 28px}.section-heading{text-align:center;max-width:860px;margin:0 auto 30px}.section-brand{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.60);padding:10px 24px;border-radius:2px;margin-bottom:8px}.section-brand img{width:54px;height:54px;object-fit:contain}.section-brand strong{font-size:25px;letter-spacing:.03em;text-transform:uppercase;color:var(--navy)}.section-heading h2{font-size:clamp(42px,5vw,78px);letter-spacing:.07em;text-transform:uppercase;margin:8px 0 6px;color:var(--navy);font-weight:950}.section-heading p{color:var(--muted);font-weight:800;font-size:16px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.system-card,.about-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.system-card{min-height:310px;display:flex;flex-direction:column;position:relative;overflow:hidden}.system-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--blue)}.system-card.featured{border:2px solid rgba(215,25,32,.26)}.system-card.featured:before{background:var(--red)}.system-icon{width:56px;height:56px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:950;margin-bottom:18px}.system-icon.green{background:var(--green)}.system-icon.red{background:var(--red)}.system-badge{position:absolute;right:22px;top:24px;background:#eff5fb;color:var(--blue);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;text-transform:uppercase}.system-card h3{font-size:22px;margin:0 0 10px}.system-card p,.about-card p{color:var(--muted);font-weight:750;line-height:1.6;margin:0}.system-card button{margin-top:auto;background:var(--navy);color:#fff;width:100%;font-size:15px}.system-card button:hover{background:var(--red)}.about-card{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center}.about-card h2{font-size:32px;line-height:1.06;margin:16px 0 12px}.mini-brand{background:linear-gradient(180deg,#f7fbff,#fff);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.mini-brand img{width:110px;height:110px;object-fit:contain}.mini-brand strong,.mini-brand span{display:block}.mini-brand strong{font-size:20px;margin-top:10px}.mini-brand span{color:var(--muted);font-weight:800;margin-top:6px}footer{text-align:center;color:var(--muted);font-weight:850;padding:30px 10px}
@media(max-width:1080px){.sidebar{position:relative;width:100%;inset:auto}.app-shell{display:block}.main-content{margin-left:0;width:100%;padding:14px}.system-grid,.about-card{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding:46px 30px}.hero-logo{width:82px;height:82px;right:24px;top:24px}.brand-panel{justify-content:center}.section-heading h2{font-size:46px}.section-brand strong{font-size:20px}}
@media(max-width:560px){.hero h2{font-size:31px}.hero p{font-size:15px}.section-heading h2{font-size:34px;letter-spacing:.05em}.main-content{padding:10px}.hero,.system-card,.about-card{border-radius:16px}.hero-logo{display:none}.section-brand{padding:8px 12px}.section-brand img{width:42px;height:42px}.section-brand strong{font-size:16px}.brand-panel h1{font-size:16px}}