:root{--bg-gradient: radial-gradient(circle at top, #142247 0%, #080D1A 100%);--bg: #080D1A;--surface: rgba(20, 28, 51, .75);--surface-hover: rgba(30, 41, 73, .85);--surface-light: rgba(255, 255, 255, .03);--surface-light-hover: rgba(255, 255, 255, .07);--text: #F8FAFC;--text-muted: #94A3B8;--primary: #B07CE8;--primary-dark: #8B5CF6;--primary-glow: rgba(176, 124, 232, .25);--accent: #0EA5E9;--accent-dark: #0284C7;--accent-glow: rgba(14, 165, 233, .25);--danger: #F87171;--danger-bg: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .3);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .3);--success: #34D399;--success-bg: rgba(52, 211, 153, .1);--success-border: rgba(52, 211, 153, .3);--border: rgba(255, 255, 255, .1);--border-focus: #0EA5E9;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow: 0 20px 40px rgba(0, 0, 0, .35);--font-sans: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--header-padding-mobile: 1.25rem 1rem;--input-height-mobile: 44px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem}.site-header{margin-bottom:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:1.25rem 2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:1.5rem}.brand-logo-img{width:72px;height:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.brand-info h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#FFF 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-info p{margin:.25rem 0 0;color:var(--text-muted);font-size:.95rem}.tab-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.75rem;margin-bottom:1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);padding:.65rem 1.25rem;border-radius:9999px;font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;display:flex;align-items:center}.tab-btn:hover{border-color:var(--accent);color:var(--text);background:#ffffff14}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.tab-btn.complete:not(.active){border-color:var(--success);color:var(--success);background:var(--success-bg)}.tab-btn.error{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.tab-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem;margin-bottom:1.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.panel-title{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#fff}.panel-intro{color:var(--text-muted);margin:0 0 1.5rem;font-size:1rem}.subsection-title{margin:2rem 0 1rem;font-size:1.2rem;font-weight:600;color:#fff;border-left:3px solid var(--primary);padding-left:.75rem}.field-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.field-grid{grid-template-columns:1fr 1fr}}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group.full-width{grid-column:1 / -1}.field-label{font-weight:600;font-size:.95rem;color:#e2e8f0}.field-input{width:100%;height:48px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;background:#0003;color:#fff;transition:all .2s ease}.field-input::placeholder{color:#ffffff40}.field-input:focus{outline:none;border-color:var(--accent);background:#0006;box-shadow:0 0 0 4px var(--accent-glow)}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}.field-hint{margin:0;font-size:.85rem;color:var(--text-muted)}.field-hint-strong{color:var(--accent);font-weight:600}.yes-no-group{display:flex;gap:.75rem;margin-top:.25rem}.yes-no-option{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--surface-light);color:var(--text-muted);font-weight:600;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;user-select:none}.yes-no-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.yes-no-option:hover{border-color:#ffffff40;background:var(--surface-light-hover);color:#fff}.yes-no-option:has(input:checked){border-color:var(--primary);background:var(--primary-dark);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.question-row{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}@media (min-width: 640px){.question-row{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.question-row .yes-no-group{width:200px;flex-shrink:0}}.question-label{margin:0;font-size:1.05rem;font-weight:500;color:#e2e8f0;line-height:1.4}.question-row.compact .question-label{font-size:.95rem}.conditional-block{margin:1.5rem 0;padding:1.5rem;border-radius:var(--radius-lg);background:#ffffff05;border:1px dashed rgba(255,255,255,.15)}.conditional-block h3{margin:0 0 1rem;font-size:1.15rem;font-weight:600;color:var(--primary)}.practice-list{margin:0 0 1.5rem;padding-left:1.25rem;color:#e2e8f0}.practice-list li{margin-bottom:.75rem;line-height:1.5}.price-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.price-table th,.price-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.price-table th{background:#ffffff0d;font-weight:600;color:#fff}.price-table tr:last-child td{border-bottom:none}.checkbox-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;border-radius:var(--radius-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);min-height:48px;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-row:hover{background:#ffffff0d;border-color:#ffffff1a}.checkbox-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid var(--border);border-radius:6px;outline:none;background:transparent;display:grid;place-content:center;cursor:pointer;flex-shrink:0;margin-top:2px;transition:all .2s ease}.checkbox-row input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);transition:.12s transform ease-in-out;background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #0ea5e94d}.checkbox-row input[type=checkbox]:checked:before{transform:scale(1)}.checkbox-row span{font-size:.95rem;line-height:1.4;color:#e2e8f0}.confirm-row{margin-top:1.5rem;border-left:4px solid var(--accent)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:#fde047}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:#fca5a5;font-weight:600}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:#fca5a5}.alert-error p{margin:.35rem 0}.summary-box{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.summary-box p{margin:.35rem 0;font-size:.95rem}.signature-block{margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.signature-canvas{width:100%;max-width:100%;height:180px;border:2px dashed var(--border);border-radius:var(--radius-md);touch-action:none;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.submit-bar{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.btn{border:none;border-radius:var(--radius-md);padding:.85rem 1.75rem;font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.btn-secondary{background:#ffffff14;border:1px solid var(--border);color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.btn-sm{align-self:flex-start;margin-top:.5rem;padding:.45rem 1rem;font-size:.85rem;min-height:36px;font-weight:600}.btn-mark-all-no{margin-bottom:1.5rem;border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.btn-mark-all-no:hover{background:var(--primary);color:#fff}.status-message{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-message.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.status-message.error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.site-footer{margin-top:3rem;text-align:center;color:var(--text-muted);font-size:.9rem}.date-row{display:flex;gap:.75rem;flex-wrap:nowrap}.date-part-day{width:80px;flex-shrink:0}.date-part-year{width:100px;flex-shrink:0}.date-part-month{flex:1}.legal-text{color:#e2e8f0;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.legal-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}@media (max-width: 640px){.app-shell{padding:.5rem .5rem 2rem}.site-header{padding:1rem;margin-bottom:1rem;border-radius:var(--radius-md)}.brand{gap:.75rem}.brand-logo-img{width:52px}.brand-info h1{font-size:1.3rem}.brand-info p{font-size:.85rem}.tab-nav{margin-bottom:1rem}.tab-btn{padding:.5rem 1rem;font-size:.85rem;min-height:38px}.tab-content{padding:1.25rem 1rem;margin-bottom:1rem;border-radius:var(--radius-md)}.panel-title{font-size:1.35rem}.panel-intro{font-size:.9rem;margin-bottom:1.25rem}.subsection-title{font-size:1.05rem;margin-top:1.5rem;margin-bottom:.75rem}.field-grid{gap:1rem}.field-input{height:44px;padding:.65rem .85rem;font-size:.95rem}select.field-input{background-position:right .75rem center}.yes-no-group{gap:.5rem}.yes-no-option{height:44px;font-size:.95rem}.question-row{padding:.85rem 0;gap:.5rem}.question-label{font-size:.95rem}.conditional-block{padding:1rem;margin:1rem 0;border-radius:var(--radius-md)}.checkbox-row{padding:.75rem;min-height:44px}.checkbox-row span{font-size:.88rem}.checkbox-row input[type=checkbox]{width:20px;height:20px}.checkbox-row input[type=checkbox]:before{width:10px;height:10px}.price-table th,.price-table td{padding:.65rem .75rem;font-size:.85rem}.signature-canvas{height:150px}.btn{min-height:44px;padding:.65rem 1.25rem;font-size:.95rem}.btn-sm{min-height:34px;font-size:.8rem}.status-message{padding:.75rem 1rem;font-size:.9rem;margin-top:1rem}.date-row{gap:.35rem}.date-part-day{width:60px}.date-part-year{width:80px}.date-part-month{font-size:.9rem}.legal-text{font-size:.85rem}}
