:root{--primary-color:#009bb4;--primary-hover:#007d91;--bg-color:#f4f7f8;--card-bg:#fff;--text-main:#333;--text-light:#666;--border-color:#e2e8f0;--font-heading:"Jost", sans-serif;--font-body:"Roboto", sans-serif;--border-radius:12px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:12px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:600}h1{color:var(--primary-color);text-align:center;margin-bottom:2rem;font-size:2.5rem}h2{border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}label{color:var(--text-main);margin-bottom:.5rem;font-size:.95rem;font-weight:500}input[type=text],input[type=number],input[type=date]{border:1px solid var(--border-color);font-family:var(--font-body);background-color:#fafafa;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}input:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #009bb426}input[readonly]{color:var(--text-light);cursor:not-allowed;background-color:#f0f4f8}.btn{background-color:var(--primary-color);color:#fff;font-size:1.1rem;font-family:var(--font-heading);border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px #009bb433}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 12px #009bb44d}.btn:active{transform:translateY(0)}.pdf-preview-wrapper{margin-top:3rem;overflow-x:auto}#pdf-content{width:210mm;min-height:297mm;box-shadow:var(--shadow-md);color:#000;background:#fff;margin:0 auto;padding:20mm;font-family:Roboto,sans-serif;font-size:12px;position:absolute;top:-9999px;left:-9999px}#pdf-content.visible-preview{transform-origin:top;margin-bottom:2rem;position:relative;top:0;left:0;transform:scale(.9)}.pdf-header{justify-content:space-between;margin-bottom:40px;font-size:12px;display:flex}.pdf-title{text-align:center;color:#000;margin:40px 0;font-family:Jost,sans-serif;font-size:24px;font-weight:700}.pdf-section{margin-bottom:25px}.pdf-section-title{border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:5px;font-family:Jost,sans-serif;font-size:16px;font-weight:700}.pdf-row{margin-bottom:8px;display:flex}.pdf-label{flex-shrink:0;width:180px;font-weight:700}.pdf-value{flex-grow:1}.pdf-signature{justify-content:space-between;margin-top:60px;display:flex}.pdf-sig-line{text-align:center;border-top:1px solid #000;width:45%;padding-top:5px;font-size:12px}.tips-box{border-left:4px solid var(--primary-color);border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:#009bb41a;margin-bottom:2rem;padding:1.5rem}.tips-box h3{color:var(--primary-color);margin-bottom:1rem}.tips-box ul{color:var(--text-main);margin-left:1rem;list-style-position:inside}.tips-box li{margin-bottom:.5rem}@media (width<=768px){.form-grid{grid-template-columns:1fr}}