.contract-page{background:var(--bg-primary,#0b0c10);min-height:100vh;color:var(--text-primary,#fff);font-family:var(--font-main,"Inter", sans-serif)}.contract-main{max-width:1150px;margin:0 auto;padding:2rem 1rem 5rem}.contract-header-banner{text-align:center;margin-bottom:2rem}.contract-header-banner h1{background:linear-gradient(135deg,#fff 0%,#3b82f6 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.3rem;font-weight:800}.contract-header-banner p{color:#a0aec0;max-width:650px;margin:0 auto;font-size:1rem}.pro-monetization-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#3b82f626 0%,#8b5cf626 100%);border:1px solid #8b5cf64d;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.pro-banner-left{align-items:center;gap:1rem;display:flex}.pro-badge-glow{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:800}.btn-pro-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #8b5cf64d}.btn-pro-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.contract-toolbar{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.type-buttons-group{flex-wrap:wrap;gap:.5rem;display:flex}.btn-type-tab{color:#aaa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-type-tab.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f680}.contract-paper{color:#1e293b;background:#fff;border-radius:16px;padding:4rem;font-family:Times New Roman,Times,serif;line-height:1.7;box-shadow:0 25px 60px #00000073}.contract-paper input,.contract-paper textarea,.contract-paper select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.4rem .7rem;font-family:Inter,sans-serif;font-size:.9rem}.contract-title-heading{text-align:center;text-transform:uppercase;letter-spacing:1px;color:#0f172a;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.contract-subtitle-text{text-align:center;color:#64748b;border-bottom:2px solid #0f172a;margin-bottom:2rem;padding-bottom:1rem;font-size:.95rem}.contract-parties-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:grid}@media (max-width:768px){.contract-parties-grid{grid-template-columns:1fr}}.clause-block{margin-bottom:1.75rem}.clause-title{color:#0f172a;margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.clause-text{color:#334155;font-size:1rem}.clauses-control-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:2rem;padding:1.25rem;font-family:Inter,sans-serif}.clause-toggle-row{color:#334155;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.signature-section-grid{border-top:2px solid #0f172a;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem;padding-top:2rem;display:grid}@media (max-width:768px){.signature-section-grid{grid-template-columns:1fr}}.canvas-signature-pad{cursor:crosshair;touch-action:none;background:#fafafa;border:2px dashed #94a3b8;border-radius:8px}.audit-certificate-bar{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;margin-top:2.5rem;padding:.8rem 1.2rem;font-family:Inter,sans-serif;font-size:.78rem;display:flex}@media print{body *{visibility:hidden}.contract-paper,.contract-paper *{visibility:visible}.contract-paper{width:100%;box-shadow:none;padding:0;position:absolute;top:0;left:0}.clauses-control-box,.pro-monetization-banner,.contract-toolbar,.btn-clear-sign{display:none!important}}