@charset "UTF-8";:root{--main: #3f888f;--text: #222;--text-muted: #555;--bg: #ffffff;--bg-alt: #fafafa;--border: #e5e5e5;--radius: 12px}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--main);text-decoration:none;transition:opacity .15s ease,color .15s ease}a:hover{opacity:.85}body{display:flex;flex-direction:column;min-height:100vh}main.container{flex:1 0 auto;padding:32px 16px;display:block}footer.footer{flex-shrink:0;margin-top:auto}.topbar{background:#fff;border-bottom:2px solid var(--main);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.topbar .wrap{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.topbar strong{font-size:20px;font-weight:700;color:var(--main);letter-spacing:.3px}.topbar nav{display:flex;gap:20px}.topbar nav a{color:var(--text);font-weight:500;font-size:15px;position:relative;padding:4px 0}.topbar nav a:hover{color:var(--main)}.topbar nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0%;height:2px;background:var(--main);transition:width .2s ease}.topbar nav a:hover:after{width:100%}.topbar nav a.active{color:var(--main);font-weight:600}.topbar nav a.active:after{width:100%}.container{max-width:1100px;margin:0 auto}.footer{text-align:center;padding:24px 16px;background:var(--main);color:#fff;font-size:14px;border-top:none}.btn{display:inline-block;padding:12px 18px;border-radius:var(--radius);text-decoration:none;font-weight:600;line-height:1;border:1px solid var(--main);transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease}.btn--primary{background:var(--main);color:#fff}.btn--ghost{background:transparent;color:var(--main)}.btn:hover{transform:translateY(-1px);opacity:.9}.page{max-width:800px;margin:48px auto;padding:0 16px;line-height:1.6;color:var(--text)}.page h1{font-size:28px;color:var(--main);margin-bottom:16px}.page h2{font-size:20px;color:var(--main);margin-top:32px;margin-bottom:8px}.page p{margin-bottom:16px;color:var(--text-muted)}.page .muted{color:#999;font-size:14px}@media (max-width: 600px){.topbar .wrap{flex-direction:column;align-items:flex-start;gap:8px}.topbar nav{gap:12px}}