@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root{--main:#006400;--sec:#32CD32;--lime:#32CD32;--base:#fff;--soft:#F7F9FB;--ink:#0A0A0A;--muted:#475569;}
*{box-sizing:border-box} body{margin:0;font-family:'Inter',sans-serif;color:var(--ink);background:linear-gradient(135deg,#ffffff 0%,#f7f9fb 42%,rgba(154,205,50,.20) 100%);min-height:100vh} h1,h2,h3,h4,.btn,.micro-title{font-family:'Poppins',sans-serif} .micro-browser{margin:14px auto 0;width:min(96vw,1380px);background:var(--main);border:3px solid #0A0A0A;border-radius:22px 22px 0 0;color:white;overflow:hidden} .browser-tab{display:inline-flex;gap:1rem;align-items:center;background:white;color:var(--ink);border-right:3px solid #0A0A0A;border-bottom:3px solid #0A0A0A;padding:.45rem 1.2rem;border-radius:0 0 16px 0} .browser-bar{display:flex;gap:.8rem;align-items:center;background:#f2f7f2;color:#0A0A0A;padding:.55rem 1rem} .url{background:white;border-radius:999px;padding:.25rem 1rem;flex:1;color:var(--muted)} .micro-header{width:min(96vw,1380px);margin:0 auto;padding:1rem 1.2rem;background:rgba(255,255,255,.92);border:3px solid #0A0A0A;border-top:0;display:flex;gap:1rem;align-items:center;justify-content:space-between;box-shadow:0 16px 30px rgba(10,10,10,.08)} .micro-title{font-weight:900;margin:0;color:var(--main)} .micro-body{width:min(96vw,1380px);margin:16px auto 24px;display:grid;grid-template-columns:285px 1fr;gap:18px} .micro-nav{background:rgba(255,255,255,.96);border:3px solid #0A0A0A;border-radius:26px;padding:14px;box-shadow:0 16px 30px rgba(10,10,10,.08)} .micro-nav a{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);padding:.75rem .9rem;border-radius:16px;font-weight:700;margin-bottom:.35rem} .micro-nav a:hover,.micro-nav a.active{background:linear-gradient(90deg,var(--sec),#ffffff);outline:2px solid var(--main)} .iframe-wrap{min-height:650px;border:3px solid #0A0A0A;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f7f9fb,#eff9ef);box-shadow:0 16px 30px rgba(10,10,10,.10)} .micro-frame{width:100%;height:650px;border:0;background:transparent} .mobile-menu-btn{display:none} @media(max-width:900px){.micro-body{grid-template-columns:1fr}.micro-nav{display:none}.mobile-menu-btn{display:inline-flex}.micro-header{align-items:flex-start;flex-direction:column}}