body{margin:0;padding:0;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif;color:#1f2937}.page-container{max-width:1200px;margin:0 auto;padding:24px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;flex-wrap:wrap}.top-bar h1{margin:0;font-size:34px;line-height:1.2;color:#111827}.tagline{margin-top:12px;font-size:17px;line-height:1.6;color:#2563eb;font-weight:600}.auth-buttons{display:flex;gap:12px;flex-wrap:wrap}.card{background:#fff;border-radius:18px;padding:28px;margin-bottom:24px;box-shadow:0 4px 16px rgba(0,0,0,.06)}h2{margin-bottom:18px;font-size:25px;color:#111827}h2,h3{margin-top:0}h3{margin-bottom:12px;font-size:18px;color:#1f2937}.helper-text{background:#eff6ff;border-left:4px solid #2563eb;padding:14px 16px;border-radius:10px;line-height:1.7;margin-bottom:22px;color:#1e3a8a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px}label{display:block;margin-bottom:8px;font-weight:600;color:#374151}input,textarea{width:100%;box-sizing:border-box;padding:13px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:15px;transition:.2s;background:#fff}input:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.observation-box{min-height:220px;resize:vertical;line-height:1.7}.framework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:28px;gap:28px}.checkbox-row,.radio-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;line-height:1.6}.checkbox-row input,.radio-row input{width:auto;margin-top:5px}.checkbox-row span,.radio-row span{flex:1 1}.auto-link-row{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;margin-bottom:16px;color:#1d4ed8;font-weight:700}.disabled-option{opacity:.45}.button-row{display:flex;flex-wrap:wrap;gap:14px}button{border:none;border-radius:10px;padding:13px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;background:#2563eb;color:#fff}button:hover{background:#1d4ed8}button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#fff;color:#2563eb;border:2px solid #2563eb}.secondary-button:hover{background:#eff6ff}.result-box{line-height:1.8}.result-box p{white-space:pre-wrap;line-height:1.9;color:#374151}.result-title-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.result-title-row h3{margin:0}.copy-button{background:#10b981;padding:9px 14px;font-size:13px}.copy-button:hover{background:#059669}.full-copy-row{margin-top:28px;text-align:right}@media (max-width:768px){.page-container{padding:16px}.top-bar{flex-direction:column}.top-bar h1{font-size:28px}.tagline{font-size:15px}.card{padding:20px}h2{font-size:22px}.result-title-row{flex-direction:column;align-items:flex-start}.auth-buttons{width:100%}.auth-buttons button{flex:1 1}.button-row{flex-direction:column}.button-row button{width:100%}}