@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap);:root{--mg-navy:#040d2b;--mg-navy-mid:#071140;--mg-blue-dark:#0a1a5c;--mg-cyan:#38d9f5;--mg-cyan-10:rgba(56,217,245,.10);--mg-cyan-20:rgba(56,217,245,.20);--mg-cyan-30:rgba(56,217,245,.35);--mg-white:#ffffff;--mg-white-soft:#e8eeff;--mg-muted:rgba(220,228,255,.65);--mg-faint:rgba(255,255,255,.06);--mg-gold:#c8a96e;--mg-gold-10:rgba(200,169,110,.18);--mg-gold-40:rgba(200,169,110,.45);--mg-error:#f87171;--mg-nav-h:72px;--mg-radius-sm:8px;--mg-radius:12px;--mg-radius-lg:18px}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--mg-navy);color:var(--mg-white);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased}#landing{position:relative;min-height:100vh;background:url('../../plugin/outsourcing-technical-guides/assets/background.webp') center center/cover no-repeat}#landing::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(56,217,245,.05) 0,transparent 70%),radial-gradient(ellipse 50% 70% at 5% 90%,rgba(4,13,43,.8) 0,transparent 60%)}.landing-nav{min-height:var(--mg-nav-h);position:relative;z-index:10}.nav-logo img{display:block;max-height:48px;width:auto}.nav-social a{color:#fff;font-size:1.1rem;text-decoration:none;opacity:.85;transition:color .15s,opacity .15s}.nav-social a:hover{opacity:1;color:var(--mg-cyan)}.mg-footer{position:relative;z-index:2;background:rgba(4,13,43,.92);border-top:1px solid var(--mg-cyan-20);font-size:.72rem;color:var(--mg-muted);letter-spacing:.06em}#mg-toast{position:fixed;bottom:24px;right:24px;z-index:9999;max-width:320px;border-radius:var(--mg-radius);font-family:Poppins,sans-serif;font-size:.82rem;padding:12px 18px;display:flex;align-items:center;gap:10px;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s;pointer-events:none}#mg-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}#mg-toast.success{background:rgba(7,17,64,.97);border:1px solid var(--mg-cyan-30)}#mg-toast.error{background:rgba(60,10,10,.97);border:1px solid rgba(248,113,113,.5)}@keyframes mg-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.72)}}@keyframes mg-spin{to{transform:rotate(360deg)}}@keyframes mg-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes mg-fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-float{0%{transform:translateY(0) rotate(0);opacity:.55}100%{transform:translateY(-120vh) rotate(720deg);opacity:0}}.mg-fade-1{animation:.55s .05s both mg-fadeUp}.mg-fade-2{animation:.55s .15s both mg-fadeUp}.mg-fade-3{animation:.55s .25s both mg-fadeUp}.mg-fade-4{animation:.55s .35s both mg-fadeUp}.mg-fade-5{animation:.55s .45s both mg-fadeUp}.mg-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;width:fit-content;max-width:fit-content;padding:5px 16px;background:var(--mg-gold-10);border:1px solid var(--mg-gold-40);border-radius:100px;font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-gold)}.mg-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mg-gold);animation:2s infinite mg-pulse;flex-shrink:0}.mg-guide-card{background:rgba(7,17,64,.7);border:1px solid var(--mg-cyan-20);border-radius:var(--mg-radius-lg);backdrop-filter:blur(20px);transition:border-color .2s,transform .2s;animation:.6s both mg-fadeUp;text-align:left}.mg-guide-card:first-child{animation-delay:.1s}.mg-guide-card:nth-child(2){animation-delay:.2s}.mg-guide-card:nth-child(3){animation-delay:.3s}.mg-guide-card:hover{border-color:rgba(56,217,245,.55);transform:translateY(-3px)}.mg-card-icon{width:44px;height:44px;border-radius:10px;background:var(--mg-cyan-10);display:flex;align-items:center;justify-content:center;color:var(--mg-cyan);font-size:1.2rem}.mg-card-title{font-size:.9rem;font-weight:600;color:var(--mg-white)}.mg-card-desc{font-size:.75rem;color:var(--mg-muted);line-height:1.6}.mg-next-panel{background:rgba(7,17,64,.7);border:1px solid rgba(56,217,245,.18);border-radius:var(--mg-radius-lg);animation:.6s .5s both mg-fadeUp}.mg-next-heading{font-size:1.1rem;font-weight:500;color:var(--mg-white)}.mg-next-icon{width:38px;height:38px;flex-shrink:0;border-radius:var(--mg-radius-sm);background:var(--mg-cyan-10);display:flex;align-items:center;justify-content:center;color:var(--mg-cyan);font-size:.95rem}.mg-next-title{font-size:.82rem;font-weight:500;color:var(--mg-white)}.mg-next-sub{font-size:.72rem;color:var(--mg-muted);line-height:1.5}.mg-cta-btn{background:linear-gradient(135deg,#38d9f5 0,#0ea5e9 100%)!important;color:var(--mg-navy)!important;text-decoration:none!important;border:none!important;border-radius:var(--mg-radius-sm)!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:.88rem!important;box-shadow:0 4px 20px rgba(56,217,245,.32);transition:transform .15s,box-shadow .2s}.mg-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(56,217,245,.48)}.mg-back-link{font-size:.8rem;color:var(--mg-muted);text-decoration:none;transition:color .2s}.mg-back-link:hover{color:var(--mg-cyan)}