*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f5f7fa;color:#111;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.button{display:inline-block;padding:8px 16px;background:#0077c8;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.button:hover{background:#005a9a;text-decoration:none}.button.primary{background:#0077c8}.button.secondary{background:transparent;border:1px solid #0077c8;color:#0077c8}.button.orange{background:#f58426}.button.orange:hover{background:#d96e10}.button.ghost{background:transparent;border:1px solid #ddd;color:#333}.button.ghost:hover{background:#f5f5f5}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}.card{background:#fff;border-radius:6px;border:1px solid #e0e0e0;padding:16px}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1 1}.muted{color:#666;font-size:12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#0077c8;font-weight:700;margin-bottom:4px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pagehead h1{font-size:24px;font-weight:700;margin:0}.checkline{display:flex;align-items:center;gap:6px;font-size:13px;margin:8px 0}.checkline input{margin:0}.notice{padding:12px 16px;border-radius:4px;font-size:13px}.notice.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.notice.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.brandmark{font-weight:900;font-size:18px;margin-bottom:20px;padding:0 12px}.brandmark .b{color:#0077c8}.brandmark .o{color:#f58426}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:#0a0a12;color:#fff;overflow-y:auto;z-index:100}.sidebar a{display:block;padding:8px 12px;color:#aaa;font-size:13px;text-decoration:none;border-left:3px solid transparent}.sidebar a:hover{background:hsla(0,0%,100%,.05);color:#fff}.sidebar a.active{background:rgba(0,119,200,.1);color:#0077c8;border-left:3px solid #0077c8}.nav{padding:0 0 80px}.main{margin-left:220px;padding:24px;min-height:100vh}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:80px 20px;border-radius:0 0 20px 20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;padding:20px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #eee}.feature-card h3{margin:0 0 15px;text-align:center;font-size:1.5rem}.feature-card p{color:#666;text-align:center;line-height:1.6}