/* Global */
* { box-sizing: border-box; margin:0; padding:0; }
:root{--blue:#2563eb;--gold:#fbbf24;--bg:#f9fafb;--text:#111827;}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}

/* Header */
header.site-header{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;display:flex;align-items:center;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;}
.logo{height:44px;}
nav.desktopMenu{display:flex;gap:18px;align-items:center;white-space:nowrap;}
nav.desktopMenu a{font-weight:600;color:var(--text);text-decoration:none;padding:6px 4px;}
nav.desktopMenu a:hover{text-decoration:underline;}
.hamburger{display:none;cursor:pointer;padding:10px;}
.hamburger div{width:26px;height:3px;background:#333;margin:5px 0;border-radius:2px;}

/* Overlay Menu */
#overlayMenu{display:none;position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:2000;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px;}
#overlayMenu a{color:#fff;font-size:2rem;}
#overlayMenu .close{position:absolute;top:18px;right:22px;color:#fff;font-size:28px;cursor:pointer;}

/* Main */
main{padding-top:100px;padding-bottom:40px;}
section{margin:40px 0;}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(15,23,42,0.03);}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;}
@media(max-width:980px){ .row,.row-4{grid-template-columns:1fr;} nav.desktopMenu{display:none;} .hamburger{display:block;} }

/* Forms */
label{font-weight:600;font-size:.95rem;}
input,select,textarea,button{font-size:1rem;border-radius:8px;border:1px solid #e5e7eb;padding:10px;}
input[type="radio"]{width:auto;}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12);border-color:var(--blue);}
button{background:var(--blue);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;}
button:hover{background:#1d4ed8;}
.btn-ghost{background:transparent;color:var(--blue);border:1px solid var(--blue);}
.canvas-sign{width:100%;height:160px;border:1px dashed #e5e7eb;background:#f3f4f6;border-radius:8px;}
.small{font-size:.9rem;color:#6b7280;}

/* Footer */
.footer{background:#0b1220;color:#fff;padding:18px 0;text-align:center;margin-top:30px;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}

/* Utilities */
.hidden{display:none !important;}
.preview-video{max-width:100%;margin-top:8px;border-radius:8px;}
.link-list{list-style:none;padding:0;margin:0;display:flex;gap:12px;}