*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-primary: #A30812;--color-primary-dark: #7d0810;--color-primary-light: #c50d19;--color-secondary: #A4A4A4;--color-secondary-dark: #8a8a8a;--color-secondary-light: #9ca3af;--color-brand-primary: #A30812;--color-brand-primary-hover: #7d0810;--color-brand-primary-light: rgba(139, 21, 56, .1);--color-grade-a: #2dd4bf;--color-grade-b: #3b82f6;--color-grade-c: #eab308;--color-grade-d: #f97316;--color-grade-f: #ef4444;--color-grade-bonus: #AD2CC9;--color-grade-default: #A4A4A4;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d5d5d5;--color-gray-350: #DCDCDC;--color-gray-400: #9c9c9c;--color-gray-500: #A4A4A4;--color-gray-600: #8a8a8a;--color-gray-700: #373737;--color-gray-750: #353535;--color-gray-800: #1f1f1f;--color-gray-900: #111111;--bg-primary: #f0f0f0;--bg-secondary: #F0F0F0;--bg-card: #ffffff;--bg-sidebar: #353535;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #333333;--text-secondary: #A4A4A4;--text-muted: #9ca3af;--text-inverse: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 60px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-5xl: 50px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 25px rgba(0, 0, 0, .15);--shadow--primary-sm: 0 1px 2px rgba(163, 8, 18, .05);--shadow--primary-md: 0 2px 8px rgba(163, 8, 18, .1);--shadow--primary-lg: 0 4px 12px rgba(163, 8, 18, .35);--shadow--primary-xl: 0 8px 25px rgba(163, 8, 18, .35);--font-family-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-family-inter: "Inter", sans-serif;--font-family-serif: "Merriweather", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--sidebar-width: 440px;--header-height: 60px;--container-max-width: 1200px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}html{font-size:100%}body{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--bg-primary);margin:0;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed)}a{color:var(--color-info);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-primary-dark);text-decoration:underline}ul,ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}li{margin:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}code{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-error-dark)}pre{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);overflow-x:auto;padding:var(--spacing-md);margin:var(--spacing-md) 0}pre code{background-color:transparent;border:none;padding:0;color:var(--text-primary)}img{max-width:100%;height:auto}table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-gray-50)}blockquote{border-left:4px solid var(--color-gray-300);color:var(--text-secondary);margin:var(--spacing-md) 0;padding:0 var(--spacing-md);font-style:italic}hr{border:none;border-top:1px solid var(--color-gray-200);margin:var(--spacing-xl) 0}::selection{background-color:var(--color-primary-light);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.app-container{display:flex;min-height:100vh;flex-direction:column}@media(min-width:1050px){.app-container{flex-direction:row}}.content-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.progress-section{margin-bottom:var(--spacing-2xl);text-align:center}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm);transition:width .5s ease;width:0%}.results-section{margin-bottom:var(--spacing-2xl)}.results-header{margin-bottom:var(--spacing-xl);text-align:center}.results-header h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.results-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.screenshots-container{margin-bottom:var(--spacing-2xl)}.screenshots-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.screenshot-item{text-align:center}.screenshot-item img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-normal)}.screenshot-item img:hover{transform:scale(1.02)}.screenshot-label{margin-top:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.bottom-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.bottom-section h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.bottom-section p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.history-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-gray-200)}.history-section h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-normal)}.history-item:hover{background:var(--color-gray-100)}.history-url{font-weight:var(--font-weight-medium);color:var(--text-primary)}.history-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.no-history{text-align:center;color:var(--text-secondary);font-style:italic}.footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.2);text-align:center;color:#fffc}.footer-links{margin-top:var(--spacing-sm);display:flex;justify-content:center;gap:var(--spacing-lg)}.footer-links a{color:#fffc;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-normal)}.footer-links a:hover{color:var(--text-inverse)}.error-section{text-align:center;margin-bottom:var(--spacing-2xl)}.error-container{padding:var(--spacing-xl);background:var(--color-error-light);border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--color-error-dark)}.error-message{margin:var(--spacing-md) 0;font-size:var(--font-size-base)}.loading-placeholder{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary)}.loading-placeholder h2{margin-bottom:var(--spacing-md);color:var(--text-primary)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-inverse);border-radius:var(--radius-full);animation:spin 1s linear infinite;display:inline-block;margin:0 var(--spacing-sm)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.container-fluid{width:100%;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.sidebar{background-color:var(--bg-sidebar);color:var(--text-inverse);position:relative;padding:var(--spacing-md);z-index:var(--z-fixed)}@media(min-width:1050px){.sidebar{position:fixed;height:100vh;width:var(--sidebar-width);padding:var(--spacing-2xl) var(--spacing-3xl);overflow-y:auto}}.sidebar-header{margin-bottom:var(--spacing-lg)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}@media(max-width:768px){.header-top{padding:var(--spacing-xs) var(--spacing-sm)}}.header-title{flex:1}.admin-link{margin-top:var(--spacing-xs)}.admin-link a{display:flex;width:32px;height:32px;background:#ffffff1a;border-radius:50%;color:#ffffffb3;text-decoration:none;align-items:center;justify-content:center;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.admin-link a:hover{background:#fff3;color:var(--text-inverse);transform:scale(1.1)}.sidebar-header h1{font-size:var(--font-size-3xl);line-height:1.1;font-weight:var(--font-weight-semibold);margin-bottom:0;color:var(--text-inverse);color:#fff}.sidebar-header p{font-size:var(--font-size-lg);line-height:1.4;font-weight:var(--font-weight-medium);opacity:.7;margin-bottom:0;color:#ffffff94}.sidebar-header p strong{font-weight:var(--font-weight-semibold)}.overall-grade-circle{width:97px;height:97px;border-radius:var(--radius-full);background-color:var(--color-grade-default);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);border:8px solid var(--text-inverse);transition:all var(--transition-normal)}@media(min-width:769px){.overall-grade-circle{width:120px;height:120px;margin:0 auto var(--spacing-md);border:10px solid var(--text-inverse)}.results-header-section .overall-grade-circle{width:225px;height:225px;margin:0 auto var(--spacing-md);border:15px solid var(--text-inverse)}.results-header-section .overall-grade-circle .grade{font-size:6.8rem}}.overall-grade-circle.grade-a-circle{background-color:var(--color-grade-a)}.overall-grade-circle.grade-b-circle{background-color:var(--color-grade-b)}.overall-grade-circle.grade-c-circle{background-color:var(--color-grade-c)}.overall-grade-circle.grade-d-circle{background-color:var(--color-grade-d)}.overall-grade-circle.grade-f-circle{background-color:var(--color-grade-f)}.overall-grade-circle.grade-default-circle{background-color:var(--color-grade-default)}.overall-grade-circle .grade{color:var(--text-inverse);font-size:3rem;font-weight:var(--font-weight-bold);line-height:1}@media(min-width:769px){.overall-grade-circle .grade{font-size:4rem}}.website-url{color:var(--text-inverse);font-size:var(--font-size-sm);line-height:1.4;font-weight:var(--font-weight-semibold);word-break:break-word;text-align:center;margin-bottom:var(--spacing-xs)}.result-date{color:#ffffffb8;font-size:var(--font-size-xs);line-height:1.3;text-align:center;margin-bottom:var(--spacing-lg)}.sidebar-grades{list-style:none;margin:0 0 var(--spacing-lg);padding:0}.sidebar-grade-item{margin-block:0 var(--spacing-md)}.sidebar-grade-item a{display:flex;justify-content:space-between;align-items:center;margin:0;padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-md);text-decoration:none;background-color:#ffffff1a;border-radius:var(--radius-5xl);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2;transition:background-color var(--transition-normal)}@media(max-width:768px){.sidebar-grades{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.sidebar-grade-item a{padding:0 0 0 var(--spacing-md)}}@media(min-width:769px){.sidebar-grade-item a{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}}.sidebar-grade-item a:hover{background-color:#ffffff26}.grade-circle{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--text-inverse);flex-shrink:0}.grade-circle svg{width:60%;height:auto;margin-top:4px}.grade-circle.grade-a{background-color:var(--color-grade-a)}.grade-circle.grade-b{background-color:var(--color-grade-b)}.grade-circle.grade-c{background-color:var(--color-grade-c)}.grade-circle.grade-d{background-color:var(--color-grade-d)}.grade-circle.grade-f{background-color:var(--color-grade-f)}.grade-circle.grade-bonus{background-color:var(--color-grade-bonus)}.debug-toggle-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;width:100%}.debug-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.debug-toggle-btn.active{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.debug-toggle-btn.active:hover{box-shadow:0 4px 12px #10b9814d}.share-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.share-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;text-align:center;display:block}.share-btn:hover{background:#fff3;transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.share-btn:active{transform:translateY(0)}.evaluation-meta{font-family:var(--font-family-inter);line-height:var(--line-height-snug);font-size:var(--font-size-xs);opacity:.8;margin-top:var(--spacing-md)}.evaluation-meta div{margin-bottom:var(--spacing-xs)}.evaluation-meta div:last-child{margin-bottom:0}.auto-continue-message{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-info-light);border:1px solid #0ea5e9;border-radius:var(--radius-lg);color:#0369a1;font-size:var(--font-size-sm);margin-top:var(--spacing-lg);gap:var(--spacing-sm)}.auto-continue-message i{margin-right:var(--spacing-sm);animation:pulse 2s infinite}.auto-continue-message .spinner{width:16px;height:16px;border:2px solid rgba(3,105,161,.3);border-top:2px solid #0369a1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.main-content{margin-left:0;padding:var(--spacing-lg) var(--spacing-lg) 0;flex:1;min-width:0}@media(min-width:769px){.main-content{padding:var(--spacing-3xl) var(--spacing-lg) 0}}@media(min-width:1050px){.main-content{margin-left:var(--sidebar-width);min-height:100vh}}@media(min-width:1200px){.main-content{padding:var(--spacing-3xl) 6dvw 0}}.email-component{padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);margin:var(--spacing-md) 0}.email-preview{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md)}.email-preview h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.email-details p{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.email-details strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.content-preview{background:var(--color-gray-50);padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:3px solid var(--color-info);margin-top:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);max-height:100px;overflow-y:auto}.email-status{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.status-pending{background:var(--color-gray-100);color:var(--text-secondary);border:1px solid var(--color-gray-300)}.status-sending{background:var(--color-info-light);color:#1d4ed8;border:1px solid #93c5fd}.status-success{background:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.status-success small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.8}.status-error{background:var(--color-error-light);color:#991b1b;border:1px solid #fca5a5}.status-error button{margin-left:var(--spacing-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.prompt-component{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.prompt-info{background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--color-info)}.prompt-progress{text-align:center;padding:var(--spacing-lg)}.prompt-results{background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.prompt-success{text-align:center}.prompt-success h3{color:var(--color-success);margin-bottom:var(--spacing-lg)}.ai-content{text-align:left;margin:var(--spacing-lg) 0}.ai-response{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.ai-metadata{background:#f1f5f9;border-radius:var(--radius-sm);padding:var(--spacing-sm);margin:var(--spacing-md) 0;font-size:var(--font-size-sm);color:#64748b}.prompt-error{text-align:center;color:var(--color-error)}.prompt-actions{text-align:center;margin-top:var(--spacing-md)}.results-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.no-forms-message{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300);margin:var(--spacing-lg) 0}.no-forms-content h3{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}.no-forms-content p{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.no-forms-content ul{text-align:left;display:inline-block;color:var(--text-secondary);margin:0}.no-forms-content ul li{margin-bottom:var(--spacing-sm)}.no-forms-content a{color:var(--color-info);text-decoration:none}.no-forms-content a:hover{text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.loading-text{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.loading-subtext{color:var(--text-muted);font-size:var(--font-size-sm)}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.empty-state p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}.success-state{text-align:center;padding:var(--spacing-2xl);background:var(--color-success-light);border-radius:var(--radius-lg);border:1px solid var(--color-success)}.success-state-icon{width:64px;height:64px;background:var(--color-success);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:var(--font-size-3xl)}.success-state h3{color:var(--color-success-dark);margin-bottom:var(--spacing-md)}.success-state p{color:var(--color-success-dark);line-height:var(--line-height-relaxed)}.error-state{text-align:center;padding:var(--spacing-2xl);background:var(--color-error-light);border-radius:var(--radius-lg);border:1px solid var(--color-error)}.error-state-icon{width:64px;height:64px;background:var(--color-error);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:var(--font-size-3xl)}.error-state h3{color:var(--color-error-dark);margin-bottom:var(--spacing-md)}.error-state p{color:var(--color-error-dark);line-height:var(--line-height-relaxed)}.form{max-width:600px;margin:0 auto}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);letter-spacing:.025em}.form-field .required{color:var(--color-brand-primary)}.form-field input,.form-field textarea,.form-field select{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal);background-color:var(--bg-card);font-family:inherit;color:var(--text-primary)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none}.form-field textarea{resize:vertical;min-height:120px}.form-control{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:border-color var(--transition-slow);background:var(--bg-card);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-control:invalid{border-color:var(--color-error)}.form-control:invalid:focus{box-shadow:0 0 0 3px #ef44441a}input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=number],input[type=search],textarea,select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-slow);background:var(--bg-card);color:var(--text-primary)}textarea{resize:vertical;min-height:120px}select{cursor:pointer}.checkbox-group,.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.checkbox-option,.radio-option{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:var(--spacing-md)!important;margin-bottom:0;padding:var(--spacing-md)!important;border:0 solid var(--color-gray-200)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important;background:var(--bg-card)}.checkbox-option input[type=checkbox]:hover,.checkbox-option label:hover,.radio-option input[type=radio]:hover,.radio-option label:hover{color:var(--color-brand-primary)!important}.checkbox-option input[type=checkbox],.checkbox-option input[type=radio],.radio-option input[type=checkbox],.radio-option input[type=radio]{margin:0!important;flex-shrink:0!important;width:18px;height:18px;accent-color:var(--color-brand-primary)}.checkbox-option label,.radio-option label{margin:0!important;flex-shrink:0!important;cursor:pointer!important;font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1;line-height:1.2}.checkbox-option:has(input:checked),.radio-option:has(input:checked){color:var(--color-brand-primary)!important}.checkbox-option:has(input:checked) label,.radio-option:has(input:checked) label{color:var(--color-brand-primary)!important;font-weight:var(--font-weight-medium)}.checkbox-option.other-option-container label,.radio-option.other-option-container label{flex-grow:0}.other-text-input{padding:var(--spacing-xs) var(--spacing-md)!important;border:1px solid var(--color-gray-300)!important;border-radius:var(--radius-sm)!important;font-size:var(--font-size-sm)!important;min-width:150px!important;max-width:250px!important;flex:1!important;margin:0!important;transition:border-color var(--transition-normal)!important;background:var(--bg-card)!important;color:var(--text-primary)!important}.other-text-input:focus{border-color:var(--color-brand-primary)!important;box-shadow:0 0 0 2px var(--color-brand-primary-light)!important;outline:none!important}.field-help{font-size:var(--font-size-xs);color:var(--text-secondary);margin:var(--spacing-sm);line-height:var(--line-height-snug)}.step-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-4xl);line-height:var(--line-height-relaxed);text-align:center}.field-errors{margin-top:var(--spacing-sm)}.error-message{display:block;font-size:var(--font-size-sm);color:var(--color-error);margin-bottom:var(--spacing-xs)}.error-message:last-child{margin-bottom:0}.form-group.has-error .form-control{border-color:var(--color-error)}.form-group.has-error .form-control:focus{box-shadow:0 0 0 3px #ef44441a}.form-group.has-success .form-control{border-color:var(--color-success)}.form-group.has-success .form-control:focus{box-shadow:0 0 0 3px #10b9811a}.form-navigation{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.validation-message{background-color:var(--color-error-light);border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-error-dark);text-align:center;flex:1}.evaluation-form,.url-input-container{max-width:600px;margin:0 auto}.variable-injection-area{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.available-variables{margin:var(--spacing-sm) 0}.variable-source{font-size:var(--font-size-xs);color:var(--text-secondary);margin:var(--spacing-sm) 0 var(--spacing-xs) 0;font-weight:var(--font-weight-semibold)}.variable-tag{display:inline-block;background:var(--color-info);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);margin:2px var(--spacing-xs) 2px 0;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:background-color var(--transition-normal)}.variable-tag:hover{background:#4f46e5}.variable-tag.selected{background:var(--color-success)!important;color:var(--text-inverse)!important;box-shadow:0 0 0 2px #10b9814d}.variable-tag.variable-used{background-color:var(--color-success)!important;color:var(--text-inverse)!important;border:1px solid var(--color-success-dark)!important;box-shadow:0 2px 4px #10b98133!important}.variable-tag.variable-used:hover{background-color:var(--color-success-dark)!important;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d!important}.variable-highlight{background:#dcfce7!important;color:#166534!important;padding:2px var(--spacing-xs)!important;border-radius:var(--radius-sm)!important;font-weight:var(--font-weight-medium)!important;border:1px solid #bbf7d0!important}.no-variables{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin:0}.form-completed-message{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-lg);animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.form-completed-message h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-completed-message p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);min-height:44px;white-space:nowrap}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse)}.btn-primary:hover:not(.disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d;color:var(--text-inverse);text-decoration:none}.btn-secondary{background-color:var(--color-secondary);color:var(--text-inverse)}.btn-secondary:hover:not(.disabled){background-color:var(--color-secondary-dark);transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.btn-white{background-color:var(--color-white);color:var(--text-black)}.btn-white:hover:not(.disabled){background-color:var(--color-white-dark);transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.btn-brand{background:var(--color-brand-primary);color:var(--text-inverse)}.btn-brand:hover:not(.disabled){background:var(--color-brand-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #8b153840;color:var(--text-inverse);text-decoration:none}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(.disabled){background:var(--color-success-dark);transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.btn-warning{background:var(--color-warning);color:var(--text-inverse)}.btn-warning:hover:not(.disabled){background:#d97706;transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(.disabled){background:var(--color-error-dark);transform:translateY(-1px);color:var(--text-inverse);text-decoration:none}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(.disabled){background:var(--color-primary);color:var(--text-inverse);text-decoration:none}.btn-outline-secondary{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline-secondary:hover:not(.disabled){background:var(--color-secondary);color:var(--text-inverse);text-decoration:none}.btn-outline-white{background:transparent;border:2px solid var(--color-white);color:var(--color-white)}.btn-outline-white:hover:not(.disabled){background:var(--color-white);color:var(--bg-sidebar);text-decoration:none}.btn-ghost{background:transparent;color:var(--color-primary);border:none}.btn-ghost:hover:not(.disabled){background:var(--color-gray-100);color:var(--color-primary-dark);text-decoration:none}.btn-link{background:transparent;color:var(--color-primary);border:none;text-decoration:underline;padding:var(--spacing-sm)}.btn-link:hover:not(.disabled){color:var(--color-primary-dark);text-decoration:underline}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:52px}.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl);font-size:var(--font-size-xl);min-height:60px}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse)}.btn-full{width:100%}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid rgba(255,255,255,.2)}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right:none}.submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.secondary{background:var(--color-secondary);border-color:var(--color-secondary)}.submit-btn.secondary:hover:not(:disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.contact-btn{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--color-gray-300);padding:var(--spacing-md) var(--spacing-xl);border-radius:25px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block}.contact-btn:hover{border-color:var(--color-secondary-light);background-color:var(--color-gray-50);color:var(--text-primary);text-decoration:none}.action-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-normal)}.action-btn:hover{background:var(--color-primary-dark)}.action-btn.secondary{background:var(--color-secondary)}.action-btn.secondary:hover{background:var(--color-secondary-dark)}.btn-arrow{color:var(--color-black);display:flex;align-items:center;gap:.8em;padding:.8em .5em .8em 0;background-color:transparent;border:none;border-radius:0;font-size:1rem;font-weight:500;line-height:1.1;text-decoration:none;cursor:pointer}.btn-arrow:after{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 8.65 18.21 7.71'%3E%3Cpath d='M16.646 15.646L19.293 13H3v-1h16.293l-2.647-2.646.707-.707 3.854 3.853-3.854 3.854z' fill='%239c0b12'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;width:1.8em;height:.762em;transition:transform .3s ease-in-out}.btn-arrow:hover{color:var(--color-black);text-decoration:none}.btn-arrow:hover:after{transform:translate(.5rem)}.btn-radius-50{border-radius:var(--radius-5xl)}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.category-card{background:var(--bg-card);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);overflow:hidden}.category-card#bonus-advice h4{display:none}@media(min-width:769px){.category-card{margin-bottom:var(--spacing-4xl)}}.category-header{padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.category-header span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.2}@media(min-width:769px){.category-header{padding:var(--spacing-md) var(--spacing-4xl);font-size:var(--font-size-xl)}.category-header span{font-size:var(--font-size-3xl)}}.category-header.grade-a-header{background-color:var(--color-grade-a)}.category-header.grade-b-header{background-color:var(--color-grade-b)}.category-header.grade-c-header{background-color:var(--color-grade-c)}.category-header.grade-d-header{background-color:var(--color-grade-d)}.category-header.grade-f-header{background-color:var(--color-grade-f)}.category-header.grade-na{background-color:var(--color-grade-default)}.category-header.grade-bonus-header{background-color:var(--color-grade-bonus)}.category-header.grade-a-header .category-grade{color:var(--color-grade-a)}.category-header.grade-b-header .category-grade{color:var(--color-grade-b)}.category-header.grade-c-header .category-grade{color:var(--color-grade-c)}.category-header.grade-d-header .category-grade{color:var(--color-grade-d)}.category-header.grade-f-header .category-grade{color:var(--color-grade-f)}.category-header.grade-na .category-grade{color:var(--color-grade-default)}.category-header.grade-bonus-header .category-grade{color:var(--color-grade-bonus)}.category-icon{width:76px;height:76px;fill:currentColor;flex-shrink:0}@media(max-width:768px){.category-icon{display:none}}.category-grade{margin-left:auto;width:47px;height:47px;border-radius:var(--radius-full);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:2.25rem;line-height:1;flex-shrink:0}.category-content{padding:var(--spacing-3xl) var(--spacing-4xl)}.category-description{font-size:var(--font-size-base);line-height:1.4;font-weight:var(--font-weight-medium);color:var(--color-gray-750);margin-bottom:var(--spacing-lg)}.category-grade svg{width:60%;height:auto;margin-top:4px}@media(min-width:769px){.category-grade{width:75px;height:75px;font-size:3rem}.category-description{font-size:var(--font-size-xl)}}.suggestions-section{display:flex;align-items:flex-start;gap:var(--spacing-md)}.suggestion-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-750);flex-shrink:0;margin-top:2px}@media(max-width:768px){.suggestion-icon{align-self:center}}.suggestion-icon svg{width:100%;height:auto}.suggestions-content{padding:var(--spacing-sm) 0 0}.suggestions-content h4{color:var(--color-gray-750);font-size:var(--font-size-base);line-height:1.4;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.suggestions-content p{color:var(--color-gray-750);font-size:var(--font-size-base);line-height:1.4;font-weight:var(--font-weight-normal)}@media(min-width:769px){.suggestions-content{padding:var(--spacing-sm)}.suggestions-content h4,.suggestions-content p{font-size:var(--font-size-xl)}}.status-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);text-align:center}.status-card.success{border-left:4px solid var(--color-success)}.status-card.warning{border-left:4px solid var(--color-warning)}.status-card.error{border-left:4px solid var(--color-error)}.status-card.info{border-left:4px solid var(--color-info)}.feedback-container{margin-bottom:var(--spacing-2xl)}.feedback-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.feedback-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.feedback-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feedback-text{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.summary-container{margin-bottom:var(--spacing-2xl)}.summary-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.summary-content{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border-radius:var(--radius-lg);font-size:var(--font-size-lg);line-height:var(--line-height-loose)}.overall-grade-container{margin-bottom:var(--spacing-2xl)}.overall-grade-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.overall-grade-content{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;color:var(--text-inverse)}.overall-grade-display{font-size:4rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.overall-grade-label{font-size:var(--font-size-xl);opacity:.9;text-transform:uppercase;letter-spacing:2px}.cta-section{background:#35353517;padding:var(--spacing-2xl) var(--spacing-2xl);border-radius:0;margin-top:var(--spacing-2xl);text-align:center;margin-inline:calc(var(--spacing-xl) * -1)}.cta-section .content-section{background:none;padding:0;margin:0;box-shadow:none}.cta-section h3{color:var(--color-gray-750);text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:1.3;margin-bottom:var(--spacing-md)}.cta-section p{color:var(--color-gray-750);text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4;margin-bottom:var(--spacing-lg)}.cta-section .btn{padding:.8rem 4rem 1rem;margin-bottom:0;font-size:var(--font-size-lg)}.cta-section .btn:hover{background-color:var(--color-gray-700)}@media(min-width:769px){.cta-section{margin-inline:calc(var(--spacing-lg) * -1);padding:var(--spacing-4xl) var(--spacing-lg)}.cta-section h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.cta-section p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}}@media(min-width:1200px){.cta-section{margin-inline:-6dvw;padding:var(--spacing-4xl) 6dvw}}.content-section.results-header-section{background:none;box-shadow:none;padding:var(--spacing-md) 0 0;color:var(--color-gray-750)}@media(min-width:769px){.content-section.results-header-section{padding:0 0 var(--spacing-4xl)}}.content-section.results-header-section .overall-grade-circle{box-shadow:0 0 8px #00000040;margin:0 auto var(--spacing-lg)}@media(max-width:768px){.content-section.results-header-section .overall-grade-circle{display:none}}.results-header-title{margin-bottom:var(--spacing-lg);text-align:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:1}.results-header-hr{display:none}.results-header-subtitle{margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4}.results-header-summary{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5}.results-header-summary strong{font-weight:var(--font-weight-semibold)}@media(min-width:769px){.results-header-title{font-size:var(--font-size-5xl)}.results-header-subtitle{font-size:var(--font-size-2xl)}.results-header-hr{display:block;margin:var(--spacing-3xl) auto;border:none;max-width:300px;height:5px;background:#353535}.results-header-summary{font-size:var(--font-size-xl)}}.timing-card{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.timing-label{display:flex;align-items:center;font-size:14px;font-weight:500;color:#374151}.timing-duration{font-size:16px;font-weight:600;color:#1f2937}.timing-percentage{font-size:13px;color:#6b7280}@media(min-width:769px){.timing-card{margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-4xl)}.timing-row{padding:15px 0}.timing-label{font-size:16px}.timing-duration{font-size:18px}.timing-percentage{font-size:14px}}.grades-container{margin-bottom:var(--spacing-2xl)}.grades-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.grades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.grade-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-gray-200);transition:transform var(--transition-normal)}.grade-item:hover{transform:translateY(-1px)}.grade-item.grade-a{border-left-color:var(--color-grade-a)}.grade-item.grade-b{border-left-color:var(--color-grade-b)}.grade-item.grade-c{border-left-color:var(--color-grade-c)}.grade-item.grade-d{border-left-color:var(--color-grade-d)}.grade-item.grade-f{border-left-color:var(--color-grade-f)}.grade-label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.grade-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-inverse);min-width:50px;text-align:center}.grade-value.grade-a{background:var(--color-grade-a)}.grade-value.grade-b{background:var(--color-grade-b)}.grade-value.grade-c{background:var(--color-grade-c)}.grade-value.grade-d{background:var(--color-grade-d)}.grade-value.grade-f{background:var(--color-grade-f)}.page-grade.grade-a{background:var(--color-grade-a)}.page-grade.grade-b{background:var(--color-grade-b)}.page-grade.grade-c{background:var(--color-grade-c)}.page-grade.grade-d{background:var(--color-grade-d)}.page-grade.grade-f{background:var(--color-grade-f)}.performance-container{margin-bottom:var(--spacing-2xl)}.performance-container h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.performance-item{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-normal)}.performance-item:hover{transform:translateY(-1px)}.performance-score{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.performance-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}@keyframes gradeReveal{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.grade-reveal{animation:gradeReveal .6s ease-out}.grade-comparison{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.grade-before,.grade-after{display:flex;align-items:center;gap:var(--spacing-sm)}.grade-arrow{color:var(--text-secondary);font-size:var(--font-size-lg)}.grade-improvement{color:var(--color-success)}.grade-decline{color:var(--color-error)}.grade-tooltip{position:relative;cursor:help}.grade-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-gray-800);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:var(--z-tooltip)}.grade-tooltip:hover:after{opacity:1}.grade-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.legend-color.grade-a{background:var(--color-grade-a)}.legend-color.grade-b{background:var(--color-grade-b)}.legend-color.grade-c{background:var(--color-grade-c)}.legend-color.grade-d{background:var(--color-grade-d)}.legend-color.grade-f{background:var(--color-grade-f)}.debug-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.debug-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.debug-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.debug-content{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.debug-loading{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.debug-details{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.debug-details h5{color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.debug-details ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.debug-details li{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.debug-screenshot{margin:var(--spacing-sm) 0;text-align:center}.debug-screenshot img{max-width:200px;border-radius:var(--radius-md);border:1px solid var(--color-gray-300);cursor:pointer;transition:transform var(--transition-normal)}.debug-screenshot img:hover{transform:scale(1.05)}.debug-details .markdown-content{background:transparent;padding:0}.debug-details .markdown-content h1,.debug-details .markdown-content h2,.debug-details .markdown-content h3,.debug-details .markdown-content h4{color:var(--text-primary)}.debug-details .markdown-content p:first-child{margin-top:0}.debug-details .markdown-content p:last-child{margin-bottom:0}.debug-panel{background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin:var(--spacing-md) 0;overflow:hidden}.debug-panel-header{background:var(--color-gray-100);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.debug-panel-header:hover{background:var(--color-gray-200)}.debug-panel-content{padding:var(--spacing-lg);display:none}.debug-panel.expanded .debug-panel-content{display:block}.debug-panel-toggle{transition:transform var(--transition-normal)}.debug-panel.expanded .debug-panel-toggle{transform:rotate(180deg)}.debug-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.debug-metric{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-gray-200)}.debug-metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.debug-metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.debug-log{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-md);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-size:var(--font-size-xs);max-height:300px;overflow-y:auto;margin:var(--spacing-md) 0}.debug-log-entry{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-gray-700)}.debug-log-entry:last-child{border-bottom:none;margin-bottom:0}.debug-log-timestamp{color:var(--color-gray-400);margin-right:var(--spacing-sm)}.debug-log-level{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-sm)}.debug-log-level.error{color:var(--color-error)}.debug-log-level.warning{color:var(--color-warning)}.debug-log-level.info{color:var(--color-info)}.debug-log-level.success{color:var(--color-success)}.debug-network{margin:var(--spacing-md) 0}.debug-request{background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);overflow:hidden}.debug-request-header{background:var(--color-gray-50);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.debug-request-method{font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.debug-request-method.get{background:var(--color-success);color:var(--text-inverse)}.debug-request-method.post{background:var(--color-info);color:var(--text-inverse)}.debug-request-method.put{background:var(--color-warning);color:var(--text-inverse)}.debug-request-method.delete{background:var(--color-error);color:var(--text-inverse)}.debug-request-status{font-weight:var(--font-weight-semibold)}.debug-request-status.success{color:var(--color-success)}.debug-request-status.error{color:var(--color-error)}.debug-request-body{padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);max-height:200px;overflow-y:auto}.debug-performance{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin:var(--spacing-md) 0}.debug-perf-item{background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-gray-200)}.debug-perf-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.debug-perf-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.debug-error{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) 0}.debug-error-title{color:var(--color-error-dark);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.debug-error-message{color:var(--color-error-dark);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.debug-success{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) 0}.debug-success-title{color:var(--color-success-dark);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.debug-success-message{color:var(--color-success-dark)}.markdown-content{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.markdown-content:not(.category-description):not(.suggestions-content){max-width:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child{margin-top:0!important}.markdown-content h1{font-size:var(--font-size-2xl);border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm);margin:var(--spacing-xl) 0 var(--spacing-lg) 0}.markdown-content h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-xs);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.markdown-content h3{font-size:var(--font-size-lg);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.markdown-content h4{font-size:var(--font-size-base);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.markdown-content p{margin:var(--spacing-md) 0;line-height:var(--line-height-loose)}.markdown-content ul,.markdown-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.markdown-content li p{margin:var(--spacing-xs) 0}.markdown-content code{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:2px var(--spacing-sm);color:var(--color-error-dark)}.markdown-content pre{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);overflow-x:auto;padding:var(--spacing-md);margin:var(--spacing-md) 0}.markdown-content pre code{background-color:transparent;border:none;padding:0;color:var(--text-primary)}.markdown-content strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.markdown-content em{font-style:italic;color:var(--text-secondary)}.markdown-content a{color:var(--color-info);text-decoration:none;border-bottom:1px solid var(--color-info);transition:all var(--transition-normal)}.markdown-content a:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.markdown-content blockquote{border-left:4px solid var(--color-gray-300);color:var(--text-secondary);margin:var(--spacing-md) 0;padding:0 var(--spacing-md);font-style:italic}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);margin:var(--spacing-md) 0;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.markdown-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);cursor:pointer}.markdown-content h2:has-text("\1f4f8  Visual Examples"){border-top:2px solid var(--color-info);padding-top:var(--spacing-lg);margin-top:var(--spacing-xl);color:#1e40af}.markdown-content h3:has-text("\1f4f8"){color:#1e40af;background:var(--color-info-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.markdown-content th,.markdown-content td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}.markdown-content th{font-weight:var(--font-weight-semibold);background-color:var(--color-gray-50);color:var(--text-primary)}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:hover{background-color:var(--color-gray-50)}.markdown-content input[type=checkbox]{margin-right:var(--spacing-sm);accent-color:var(--color-primary)}.markdown-content li:has(input[type=checkbox]){list-style:none;margin-left:calc(-1 * var(--spacing-lg))}.markdown-content hr{border:none;border-top:2px solid var(--color-gray-200);margin:var(--spacing-xl) 0}.markdown-content kbd{background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-gray-300);color:var(--text-primary);display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.markdown-content .footnote{font-size:var(--font-size-xs);color:var(--text-muted);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.markdown-content .footnote-ref{color:var(--color-info);text-decoration:none;font-size:var(--font-size-xs);vertical-align:super}.markdown-content .footnote-ref:hover{text-decoration:underline}.markdown-content .admonition{margin:var(--spacing-md) 0;padding:var(--spacing-md);border-radius:var(--radius-lg);border-left:4px solid var(--color-gray-300)}.markdown-content .admonition.note{background:var(--color-info-light);border-left-color:var(--color-info)}.markdown-content .admonition.tip{background:var(--color-success-light);border-left-color:var(--color-success)}.markdown-content .admonition.warning{background:var(--color-warning-light);border-left-color:var(--color-warning)}.markdown-content .admonition.danger{background:var(--color-error-light);border-left-color:var(--color-error)}.markdown-content .admonition-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.markdown-content .highlight{background:var(--color-gray-50);border-radius:var(--radius-lg);overflow-x:auto}.markdown-content .highlight pre{background:transparent;border:none;margin:0}.markdown-content .math{font-family:KaTeX_Main,Times New Roman,serif;font-size:var(--font-size-base)}.markdown-content .math.display,.markdown-content .mermaid{text-align:center;margin:var(--spacing-lg) 0}.markdown-content details{margin:var(--spacing-md) 0;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.markdown-content summary{background:var(--color-gray-50);padding:var(--spacing-md);cursor:pointer;font-weight:var(--font-weight-medium);border-bottom:1px solid var(--color-gray-200)}.markdown-content summary:hover{background:var(--color-gray-100)}.markdown-content details[open] summary{border-bottom:1px solid var(--color-gray-200)}.markdown-content details>*:not(summary){padding:var(--spacing-md)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal.show{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:var(--z-modal-backdrop)}.modal-content{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-xl);max-width:600px;max-height:80vh;overflow-y:auto;position:relative;z-index:var(--z-modal);box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform var(--transition-normal);margin:var(--spacing-lg);width:100%}.modal.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-normal)}.modal-close:hover{color:var(--text-primary);background:var(--color-gray-100)}.modal-body{margin-bottom:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.modal-sm .modal-content{max-width:400px}.modal-lg .modal-content{max-width:800px}.modal-xl .modal-content{max-width:1200px}.modal-fullscreen .modal-content{max-width:100%;max-height:100%;height:100vh;margin:0;border-radius:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.modal.animate-in .modal-content{animation:modalFadeIn var(--transition-slow) ease-out}.modal.animate-out .modal-content{animation:modalFadeOut var(--transition-slow) ease-in}.modal-success .modal-header{border-bottom-color:var(--color-success)}.modal-success .modal-title{color:var(--color-success)}.modal-warning .modal-header{border-bottom-color:var(--color-warning)}.modal-warning .modal-title{color:var(--color-warning)}.modal-error .modal-header{border-bottom-color:var(--color-error)}.modal-error .modal-title{color:var(--color-error)}.modal-info .modal-header{border-bottom-color:var(--color-info)}.modal-info .modal-title{color:var(--color-info)}.modal-confirm{text-align:center}.modal-confirm .modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl)}.modal-confirm.modal-success .modal-icon{background:var(--color-success-light);color:var(--color-success)}.modal-confirm.modal-warning .modal-icon{background:var(--color-warning-light);color:var(--color-warning)}.modal-confirm.modal-error .modal-icon{background:var(--color-error-light);color:var(--color-error)}.modal-confirm.modal-info .modal-icon{background:var(--color-info-light);color:var(--color-info)}.modal-loading{text-align:center}.modal-loading .modal-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.modal-image .modal-content{max-width:90vw;max-height:90vh;padding:var(--spacing-lg)}.modal-image .modal-body{text-align:center;margin:0}.modal-image img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg)}.modal-form .modal-body{padding:0}.modal-form .form-group:last-child{margin-bottom:0}.modal-scrollable .modal-content{display:flex;flex-direction:column;max-height:80vh}.modal-scrollable .modal-body{flex:1;overflow-y:auto;margin:0;padding:var(--spacing-lg) 0}.modal-blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(max-width:768px){.modal-content{margin:var(--spacing-md);padding:var(--spacing-lg);max-height:90vh}.modal-fullscreen .modal-content{margin:0;border-radius:0;height:100vh;max-height:100vh}.modal-footer{flex-direction:column;gap:var(--spacing-sm)}.modal-footer .btn{width:100%}.modal-image .modal-content{max-width:95vw;max-height:95vh;padding:var(--spacing-md)}.modal-image img{max-height:60vh}}.modal.modal-nested{z-index:calc(var(--z-modal) + 10)}.modal.modal-nested .modal-content{box-shadow:var(--shadow-xl),0 0 0 1px var(--color-primary)}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{opacity:1;transform:scale(1);transition:all var(--transition-slow) ease-out}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:all var(--transition-normal) ease-in}@media(max-width:768px){.sidebar-header h1{font-size:var(--font-size-2xl)}.sidebar-grade-item{margin-bottom:0}.sidebar-footer{text-align:center}.content-section,.category-content{padding:var(--spacing-lg)}.suggestions-section{flex-direction:column;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.checkbox-group,.radio-group{grid-template-columns:1fr;gap:var(--spacing-sm)}.checkbox-option,.radio-option{padding:var(--spacing-md) var(--spacing-lg);min-height:48px}.btn-group{flex-direction:column}.btn-group .btn{border-radius:var(--radius-md);border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.btn-group .btn:last-child{border-bottom:none}.screenshots-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.grades-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.performance-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.form-option-card{padding:var(--spacing-lg)}.form-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.step-count{margin-left:0;align-self:flex-start}.recommended-badge{position:static;align-self:flex-end;margin-top:calc(-1 * var(--spacing-xl))}.page-analysis-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.page-status-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.summary-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media print{.sidebar{display:none}.main-content{margin-left:0;padding:0}.debug-section,.debug-btn,.debug-toggle-btn{display:none!important}.category-card{break-inside:avoid;margin-bottom:var(--spacing-lg)}.screenshots-container{break-inside:avoid}.btn,.submit-btn,.action-btn{display:none}.modal{display:none!important}body{background:#fff;color:#000}.content-section{box-shadow:none;border:1px solid #ccc}}@media(prefers-contrast:high){:root{--color-primary: #0000ff;--color-secondary: #000000;--text-primary: #000000;--text-secondary: #333333;--bg-card: #ffffff;--bg-primary: #ffffff;--color-gray-200: #000000;--color-gray-300: #333333}.btn{border:2px solid currentColor}.form-control,.card{border:2px solid #000000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none}.modal-content,.btn:hover,.card:hover{transform:none!important}}@media(prefers-reduced-motion:no-preference){:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transition:outline-offset var(--transition-fast)}}@container (max-width: 600px){.sidebar-grades{grid-template-columns:1fr}.form-card-header{flex-direction:column}}.multi-step-form{position:fixed;inset:0;background:var(--bg-secondary);font-family:var(--font-family-base);z-index:var(--z-fixed);overflow-y:auto;display:flex;flex-direction:column}.app-container:has(.multi-step-form) .sidebar{display:none}.app-container:has(.multi-step-form) .main-content{margin-left:0}.form-header{background:var(--bg-card);padding:var(--spacing-md) var(--spacing-4xl);border-bottom:0px solid var(--color-brand-primary);display:flex;justify-content:space-between;align-items:center;margin-bottom:0;box-shadow:var(--shadow-sm);font-family:var(--font-family-serif)}.form-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;letter-spacing:-.025em}.form-header .powered-by{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);letter-spacing:.025em;display:flex;align-items:center;color:var(--color-gray-750)}@media(max-width:768px){.form-header h2{order:1}.form-header .tbf-logo.large-logo{display:none}}@media(min-width:769px){.form-header .tbf-logo.small-logo{display:none}}.form-description{display:none}.form-progress{background:none;padding:4px 0 0;border-bottom:0px solid var(--color-gray-200);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-bottom:0}.progress-text{background:var(--bg-card);color:var(--text-black);font-size:var(--font-size-sm);line-height:1.2;font-weight:var(--font-weight-medium);letter-spacing:.025em;align-self:flex-end;margin:var(--spacing-sm) var(--spacing-lg) 0 0;border-radius:var(--radius-3xl);padding:var(--spacing-sm) var(--spacing-md)}.step-indicators{display:flex;gap:var(--spacing-md);align-items:center}.multi-step-form>.form-progress .step-indicators{width:100%;align-items:stretch;gap:var(--spacing-xs);border:0;margin-bottom:var(--spacing-sm)}.multi-step-form>.form-progress .step-indicator{flex:1 1 0;box-sizing:border-box;min-width:0;border-radius:0;height:7px;background-color:var(--color-brand-primary)}.multi-step-form>.form-progress .step-indicator{transition:all var(--transition-normal);color:transparent}.multi-step-form>.form-progress .step-indicator.completed{background-color:var(--color-brand-primary)}.multi-step-form>.form-progress .step-indicator.current{background-color:var(--color-brand-primary)}.multi-step-form>.form-progress .step-indicator:not(.current):not(.completed){background-color:var(--color-gray-400)}.step-header .step-indicator{width:65px;height:65px;border-radius:var(--radius-full);background-color:var(--color-brand-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-4xl);line-height:1;transition:all var(--transition-normal);position:relative;border:4px solid transparent}.step-header .step-indicator.current{background-color:var(--color-brand-primary);color:var(--text-inverse);border-color:var(--color-brand-white)}.step-header .step-indicator.completed,.step-header .step-indicator:not(.current):not(.completed){display:none}.final-step .step-header .step-indicator.completed,.final-step .step-header .step-indicator.queue-start{display:flex!important}.progress-bar,.progress-fill{display:none}.form-step{background:var(--bg-secondary);padding:0 0 var(--spacing-xl);margin:0;display:flex;flex-direction:column;justify-content:flex-start;position:relative;flex:1}.step-content-wrapper{width:100%;max-width:800px;margin:0 auto 150px;position:relative}.step-content-wrapper .progress-text{display:none}.step-header{margin-bottom:var(--spacing-xl);text-align:center;background:var(--bg-card);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);flex-direction:column}.step-header .step-indicator{transform:translateY(40%);width:65px;height:65px;border-radius:var(--radius-full);background-color:var(--color-brand-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-4xl);line-height:1;transition:all var(--transition-normal);position:relative;border:4px solid var(--color-white);z-index:1}.step-header p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.multi-step-form .step-header{display:flex;margin-bottom:0;align-items:center;background:none;padding:0;border-radius:0}.step-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-normal)}.step-requirement{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.step-fields{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:850px;margin:0 auto;padding-inline:0}.step-content-wrapper .step-fields>.form-field>label{margin-bottom:2rem;margin-inline:auto;text-align:center;background:var(--bg-card);padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-xl);flex-direction:column;color:#000;font-size:var(--font-size-2xl);line-height:1.2;font-weight:var(--font-weight-medium);text-align:left}.step-content-wrapper .step-fields>.form-field>label p{font-weight:var(--font-weight-normal);font-size:var(--font-size-md)}@media(min-width:769px){.step-fields{gap:var(--spacing-xl);padding-inline:5rem}.step-content-wrapper .step-fields>.form-field>label{font-size:var(--font-size-3xl);padding:var(--spacing-3xl) var(--spacing-4xl);margin-bottom:4rem;margin-inline:-5rem}}.step-content-wrapper .form-field label{font-size:var(--font-size-lg);line-height:1.2;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.step-content-wrapper .form-field label p{line-height:1.2}.field-group{margin-bottom:var(--spacing-lg)}.field-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-snug)}.field-input{width:100%;padding:var(--spacing-lg) var(--spacing-xl);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:var(--font-family-base);transition:all var(--transition-normal);background:var(--bg-card);color:var(--text-primary)}.field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-light)}.field-textarea{min-height:120px;resize:vertical;font-family:var(--font-family-base)}.radio-group,.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,50%),1fr));gap:var(--spacing-md) var(--spacing-lg)}.form-navigation{display:flex;justify-content:center;align-items:center;gap:0;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.form-navigation .btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);border:none;cursor:pointer;transition:all var(--transition-fast);min-width:155px;text-transform:uppercase;letter-spacing:.5px;height:44px;display:flex;align-items:center;justify-content:center;margin-inline:var(--spacing-sm)}.form-navigation .btn-primary{background:var(--color-brand-primary);color:var(--text-inverse)}.form-navigation .btn-primary:hover:not(.disabled){background:var(--color-brand-primary-hover);box-shadow:0 2px 8px #8b153840}.form-navigation .btn-secondary{background-color:var(--color-secondary);color:var(--text-inverse);border:none}.form-navigation .btn-secondary:hover{background-color:var(--color-secondary-dark)}.form-navigation .btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-footer{background:var(--bg-secondary);padding:var(--spacing-lg);text-align:center;border-top:1px solid var(--color-gray-200);margin-inline:var(--spacing-lg)}.brick-factory-logo{color:var(--text-secondary);display:block;margin:0 auto;max-width:330px}.brick-factory-logo:hover{color:var(--color-gray-600);text-decoration:none}.brick-factory-logo svg{width:100%;height:auto;display:block}@media(min-width:769px){.form-footer{margin-inline:0}}@media(max-width:768px){.form-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);text-align:center}.form-header h2{font-size:var(--font-size-lg)}.progress-text{display:none}.step-indicators{justify-content:center;gap:var(--spacing-sm)}.step-indicator{width:28px;height:28px;font-size:var(--font-size-xs)}.step-content-wrapper{margin:0;padding:0 var(--spacing-lg)}.step-header h3{font-size:var(--font-size-2xl)}.radio-group,.checkbox-group{grid-template-columns:1fr;gap:var(--spacing-sm)}.radio-option,.checkbox-option{padding:var(--spacing-md) var(--spacing-lg);min-height:48px}.form-navigation{margin-top:var(--spacing-sm)}.form-navigation .btn{width:100%;min-width:auto}}.url-input-wrapper{position:relative;display:block;width:100%}.url-input-wrapper:before{content:"https://";position:absolute;left:var(--spacing-xl);top:50%;transform:translateY(-50%);color:#999;font-size:var(--font-size-md);font-family:var(--font-family-base);pointer-events:none;z-index:1}.step-fields .form-field input[type=url]{display:block;padding-left:86px}.form-field{position:relative}.url-validation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:url-validation-fade-in .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.url-validation-overlay-content{background:#fff;padding:48px 64px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:url-validation-slide-up .3s ease-out}.url-validation-spinner{width:56px;height:56px;border:4px solid #e0e0e0;border-top:4px solid var(--color-brand-primary, #8B1538);border-radius:50%;animation:url-validation-spin .8s linear infinite;margin:0 auto 24px}.url-validation-text{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.url-validation-subtext{font-size:14px;color:#666;max-width:280px}@keyframes url-validation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes url-validation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes url-validation-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nonprofit-validation-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:nonprofit-modal-fade-in .2s ease-out}.nonprofit-validation-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;animation:nonprofit-modal-slide-in .3s ease-out}.nonprofit-validation-modal-content{padding:32px;text-align:center}.nonprofit-validation-modal-icon{font-size:48px;margin-bottom:16px;line-height:1}.nonprofit-validation-modal-message{font-size:16px;line-height:1.5;color:#333;margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.nonprofit-validation-modal-button{background-color:#8b1538;color:#fff;border:none;border-radius:4px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.nonprofit-validation-modal-button:hover{background-color:#6d0f2b}.nonprofit-validation-modal-button:focus{outline:2px solid #8B1538;outline-offset:2px}@keyframes nonprofit-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nonprofit-modal-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-validation-errors{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.form-validation-errors .error-icon{font-size:var(--font-size-xl);flex-shrink:0}.form-validation-errors .error-messages{flex:1}.form-validation-errors .error-messages p{margin:0;color:var(--color-error-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.form-validation-errors .error-messages p+p{margin-top:var(--spacing-xs)}.form-selector-container{position:fixed;inset:0;background:var(--bg-secondary);font-family:var(--font-family-base);z-index:var(--z-fixed);overflow-y:auto}.app-container:has(.form-selector-container) .sidebar{display:none}.app-container:has(.form-selector-container) .main-content{margin-left:0}.app-container.show-sidebar .sidebar{display:block!important}.app-container.show-sidebar .main-content{margin-left:var(--sidebar-width)!important}.form-selector-container .form-header{background:var(--color-gray-750);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:4px solid var(--color-brand-primary);display:flex;justify-content:space-between;align-items:center;margin-bottom:0;box-shadow:var(--shadow-sm)}.form-selector-container .form-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white);margin:0;letter-spacing:-.025em}.form-selector-container .form-header .powered-by{font-size:var(--font-size-sm);color:var(--color-white);font-weight:var(--font-weight-medium);letter-spacing:.025em}.form-selector-content{padding:var(--spacing-2xl);max-width:1200px;margin:0 auto}.form-selector-header{text-align:center;margin-bottom:var(--spacing-2xl)}.form-selector-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-selector-header p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.form-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.form-option-card{background:var(--bg-card);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.form-option-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.form-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.form-card-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.step-count{background-color:var(--color-gray-100);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;margin-left:var(--spacing-sm)}.form-card-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.recommended-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.select-form-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal)}.select-form-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.skip-section{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.skip-btn{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-100);color:var(--text-primary);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-sm)}.skip-btn:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-300)}.skip-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.url-input-container{max-width:600px;margin:0 auto;padding:var(--spacing-2xl)}.url-input-header{text-align:center;margin-bottom:var(--spacing-xl)}.url-input-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.url-input-header p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.form-data-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-success-light);border:1px solid #bbf7d0;border-radius:var(--radius-lg);color:#166534;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.indicator-icon{color:var(--color-success);font-weight:var(--font-weight-bold)}.error-message{background-color:var(--color-error-light);border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-error-dark);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}@media(max-width:768px){.form-selector-content{padding:var(--spacing-lg)}.form-options{grid-template-columns:1fr;gap:var(--spacing-lg)}.form-option-card{padding:var(--spacing-lg)}.form-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.step-count{margin-left:0;align-self:flex-start}.recommended-badge{position:static;align-self:flex-end;margin-top:calc(-1 * var(--spacing-xl))}.url-input-container{padding:var(--spacing-lg)}.url-input-header h2,.form-selector-header h2{font-size:var(--font-size-3xl)}.form-selector-container .form-header{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-sm);text-align:center}.form-selector-container .form-header h2{font-size:var(--font-size-lg)}}.form-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.form-selector-loading .spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.form-selector-loading h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-selector-loading p{color:var(--text-secondary)}.multipage-status{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-lg)}.multipage-status .status-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.multipage-status .status-item:last-child{margin-bottom:0}.multipage-status .label{color:#fffc}.multipage-status .value{color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.multipage-progress{margin-top:var(--spacing-lg)}.page-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md)}.page-status{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.page-status i{font-size:20px;margin-bottom:var(--spacing-sm);color:var(--color-info)}.page-status span{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.page-status .status{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);background:var(--color-gray-50);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.page-status.analyzing{background:var(--color-info-light);border-left:4px solid var(--color-info)}.page-status.analyzing .status{background:var(--color-info);color:var(--text-inverse)}.page-status.complete{background:var(--color-success-light);border-left:4px solid var(--color-success)}.page-status.complete .status{background:var(--color-success);color:var(--text-inverse)}.page-status.failed{background:var(--color-error-light);border-left:4px solid var(--color-error)}.page-status.failed .status{background:var(--color-error);color:var(--text-inverse)}.multipage-summary{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg)}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-info);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.page-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.page-analysis-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.page-analysis-card:hover{transform:translateY(-2px)}.page-analysis-card.found{border-left:4px solid var(--color-success)}.page-analysis-card.not-found{border-left:4px solid var(--color-error);opacity:.7}.page-header{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.page-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-info);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);flex-shrink:0}.page-info{flex:1}.page-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.page-status.success{background:var(--color-success);color:var(--text-inverse);padding:2px var(--spacing-sm);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.page-status.failed{background:var(--color-error);color:var(--text-inverse);padding:2px var(--spacing-sm);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.page-grade{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);min-width:50px;text-align:center;color:var(--text-inverse)}.page-details{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md)}.page-url{font-size:var(--font-size-xs);color:var(--color-info);margin-bottom:var(--spacing-xs);word-break:break-all}.page-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-error{font-size:var(--font-size-xs);color:var(--color-error);font-style:italic}.comprehensive-analysis{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.comprehensive-analysis h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.analysis-summary{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-info)}.journey-actions{margin-top:var(--spacing-xl);text-align:center}.multipage-progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden;margin:var(--spacing-md) 0}.multipage-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-info));border-radius:var(--radius-sm);transition:width .5s ease;width:0%}.page-queue{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.page-queue h4{color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border-left:4px solid var(--color-gray-300)}.queue-item:last-child{margin-bottom:0}.queue-item.processing{border-left-color:var(--color-info);background:var(--color-info-light)}.queue-item.completed{border-left-color:var(--color-success);background:var(--color-success-light)}.queue-item.failed{border-left-color:var(--color-error);background:var(--color-error-light)}.queue-url{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-all;flex:1;margin-right:var(--spacing-md)}.queue-status{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.queue-status.pending{background:var(--color-gray-200);color:var(--text-secondary)}.queue-status.processing{background:var(--color-info);color:var(--text-inverse)}.queue-status.completed{background:var(--color-success);color:var(--text-inverse)}.queue-status.failed{background:var(--color-error);color:var(--text-inverse)}@media(max-width:768px){.page-status-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.summary-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.page-analysis-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.queue-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.queue-url{margin-right:0}.queue-status{align-self:flex-end}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-table{display:table!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.fw-light{font-weight:var(--font-weight-light)!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-semibold{font-weight:var(--font-weight-semibold)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.fs-xs{font-size:var(--font-size-xs)!important}.fs-sm{font-size:var(--font-size-sm)!important}.fs-base{font-size:var(--font-size-base)!important}.fs-lg{font-size:var(--font-size-lg)!important}.fs-xl{font-size:var(--font-size-xl)!important}.fs-2xl{font-size:var(--font-size-2xl)!important}.fs-3xl{font-size:var(--font-size-3xl)!important}.fs-4xl{font-size:var(--font-size-4xl)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-error)!important}.text-info{color:var(--color-info)!important}.text-white{color:var(--text-inverse)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-secondary)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-danger{background-color:var(--color-error)!important}.bg-info{background-color:var(--color-info)!important}.bg-light{background-color:var(--color-gray-100)!important}.bg-dark{background-color:var(--color-gray-800)!important}.bg-white{background-color:var(--color-white)!important}.bg-transparent{background-color:transparent!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-xs)!important;margin-right:var(--spacing-xs)!important}.mx-2{margin-left:var(--spacing-sm)!important;margin-right:var(--spacing-sm)!important}.mx-3{margin-left:var(--spacing-md)!important;margin-right:var(--spacing-md)!important}.mx-4{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-lg)!important}.mx-5{margin-left:var(--spacing-xl)!important;margin-right:var(--spacing-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.my-2{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-3{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-4{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.my-5{margin-top:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-xs)!important}.ml-2{margin-left:var(--spacing-sm)!important}.ml-3{margin-left:var(--spacing-md)!important}.ml-4{margin-left:var(--spacing-lg)!important}.ml-5{margin-left:var(--spacing-xl)!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-xs)!important}.mr-2{margin-right:var(--spacing-sm)!important}.mr-3{margin-right:var(--spacing-md)!important}.mr-4{margin-right:var(--spacing-lg)!important}.mr-5{margin-right:var(--spacing-xl)!important}.mr-auto{margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-2{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-3{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-4{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-5{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-2{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-3{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-4{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-5{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-xs)!important}.pt-2{padding-top:var(--spacing-sm)!important}.pt-3{padding-top:var(--spacing-md)!important}.pt-4{padding-top:var(--spacing-lg)!important}.pt-5{padding-top:var(--spacing-xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-xs)!important}.pb-2{padding-bottom:var(--spacing-sm)!important}.pb-3{padding-bottom:var(--spacing-md)!important}.pb-4{padding-bottom:var(--spacing-lg)!important}.pb-5{padding-bottom:var(--spacing-xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--spacing-xs)!important}.pl-2{padding-left:var(--spacing-sm)!important}.pl-3{padding-left:var(--spacing-md)!important}.pl-4{padding-left:var(--spacing-lg)!important}.pl-5{padding-left:var(--spacing-xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--spacing-xs)!important}.pr-2{padding-right:var(--spacing-sm)!important}.pr-3{padding-right:var(--spacing-md)!important}.pr-4{padding-right:var(--spacing-lg)!important}.pr-5{padding-right:var(--spacing-xl)!important}.border{border:1px solid var(--color-gray-200)!important}.border-0{border:0!important}.border-top{border-top:1px solid var(--color-gray-200)!important}.border-bottom{border-bottom:1px solid var(--color-gray-200)!important}.border-left{border-left:1px solid var(--color-gray-200)!important}.border-right{border-right:1px solid var(--color-gray-200)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.rounded-0{border-radius:0!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-help{cursor:help!important}.cursor-not-allowed{cursor:not-allowed!important}.user-select-all{user-select:all!important}.user-select-auto{user-select:auto!important}.user-select-none{user-select:none!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}body.landing-page{background-color:var(--color-white);display:flex;flex-direction:column;min-height:100vh}.landing-main{flex:1}.landing-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.landing-header{background-color:var(--color-gray-100)}.landing-header-inner{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xs) var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.landing-beta-label{color:var(--color-black);letter-spacing:.08em;font-weight:var(--font-weight-bold)}.landing-nav{display:none;gap:24px;font-size:var(--font-size-sm)}.landing-nav-link{color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.landing-nav-link:hover{color:var(--color-primary-dark)}.landing-hero{background-color:var(--color-white);padding:56px 0 0}.landing-hero-inner{max-width:880px;margin:0 auto;text-align:center;position:relative;z-index:2;padding-inline:var(--spacing-lg)}.landing-hero-title{font-family:var(--font-family-serif);font-weight:var(--font-weight-semibold);font-size:clamp(2rem,4vw,4.5rem);letter-spacing:2.16px;line-height:1.2;margin-bottom:var(--spacing-sm)}.landing-hero-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl);color:#353535;font-weight:var(--font-weight-medium)}.landing-hero-subtitle-brand{font-weight:var(--font-weight-semibold)}.landing-hero-copy{max-width:640px;margin:0 auto;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.4}.landing-hero-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:var(--spacing-2xl)!important;padding:1rem 3.5rem!important;color:var(--text-inverse)!important;box-shadow:var(--shadow--primary-lg)!important;font-size:var(--font-size-xl)!important;font-weight:600!important}.landing-hero-cta:hover{background-color:var(--color-brand-primary-hover)!important;text-decoration:none!important}.landing-hero-illustration{margin-top:var(--spacing-2xl);padding:0 20px var(--spacing-lg);position:relative;z-index:1;overflow:hidden}.landing-hero-illustration:after{content:"";position:absolute;bottom:0;left:-25vw;right:0;height:200px;width:150vw;border-radius:100% 100% 0 0;background:var(--bg-primary);z-index:0}.landing-hero-illustration-inner{position:relative;z-index:1;max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:20%;padding-top:0;align-items:center}.landing-city{min-height:220px}.landing-city-left{display:none}.landing-city-right{max-width:70%}.landing-services{padding:0 16px 88px;background-color:var(--bg-primary);position:relative}.landing-services-header{background-color:var(--color-gray-100);text-align:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0;border-radius:24px 24px 0 0}.landing-services-title{text-align:center;margin-bottom:0;font-family:var(--font-family-serif);color:var(--color-black);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:1.4}.landing-services-header .landing-services-description{font-size:var(--font-size-md);color:var(--color-black);line-height:1.4;margin:var(--spacing-lg) var(--spacing-4xl)}.landing-services-card{max-width:var(--container-max-width);margin:0 auto;background-color:var(--color-white);border-radius:24px;box-shadow:var(--shadow-xl);padding:0;position:relative}.landing-service-title{text-align:center;font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.landing-service-copy{font-size:var(--font-size-base);line-height:1.4;color:var(--color-black);flex:1;margin-bottom:var(--spacing-sm)}.landing-services-slider{flex:1;display:flex;margin-inline:30px;padding-bottom:var(--spacing-xl)}.landing-services-slider .swiper{flex:1}.landing-service{display:flex;flex-direction:column;height:100%}.landing-service .btn-arrow{margin-top:auto;justify-content:center}.landing-services-next{position:absolute;margin:var(--spacing-xl) auto 0;display:flex!important;width:48px;height:48px;cursor:pointer;border:none!important;background:none;box-shadow:none;outline:none;transition:opacity var(--transition-normal);bottom:-20px;right:auto;left:50%;transform:translate(-50%)}.landing-services-next:hover{opacity:.8}.landing-services-slider .landing-services-next.swiper-button-lock,.landing-services-next.swiper-button-lock{display:flex!important}.landing-footer{padding:1rem 3rem 2rem;background-color:var(--bg-primary)}.landing-footer-inner{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:center;align-items:center}.landing-footer-logo{display:inline-flex;align-items:center}.landing-footer-logo svg{width:100%;height:auto}.menu-toggle{background:none;border:0;font-size:40px;line-height:1;cursor:pointer;margin-bottom:5px}.mobile-menu{position:fixed;inset:0;background:var(--color-brand-primary);color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease;z-index:9999;padding-block:100px var(--spacing-xl)}.mobile-menu.is-open{transform:translate(0)}body.menu-open{overflow:hidden}.mobile-menu__close{position:absolute;top:0;right:10px;background:none;border:0;font-size:70px;line-height:1;color:var(--color-white);cursor:pointer}.mobile-menu__links{flex:1}.mobile-menu__links a{display:block;margin:1rem 0;color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;text-align:center}.mobile-menu__logo{margin-bottom:var(--spacing-sm);text-align:center;font-weight:700;font-size:1.6rem}.mobile-menu__logo .landing-hero-title--mobile{font-family:var(--font-family-serif);text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-sm)}.mobile-menu__logo .landing-hero-subtitle--mobile{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.mobile-menu__logo .landing-hero-subtitle-brand--mobile{font-weight:var(--font-weight-semibold)}.mobile-menu__footer{max-width:268px}.mobile-menu__footer svg{width:100%;height:auto}p.sample-report a{color:var(--color-black);text-decoration:underline}p.sample-report span{font-size:var(--font-size-xs)}@media(min-width:769px){.landing-header-inner{padding:var(--spacing-lg) var(--spacing-md)}.landing-nav{display:flex}.landing-hero{padding:60px 0 0}.landing-hero-subtitle{margin-bottom:var(--spacing-3xl)}.landing-hero-copy{font-size:var(--font-size-xl)}.landing-hero-cta{padding:1.75rem 5.75rem}.landing-hero-illustration{margin-top:-75px;padding:0 32px 40px;background:linear-gradient(to bottom,#fdfdfd,#e6e6e6 45%)}.landing-hero-illustration-inner{flex-direction:row;padding-top:75px}.landing-hero-illustration:after{height:315px}.landing-city{flex:1 1 40%;min-height:220px}.landing-city-left{display:block;flex:1 1 44%}.landing-city-right{flex:1 1 40%;max-width:none}.landing-services{padding:72px 16px 88px}.landing-services-header{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;border-radius:24px 24px 0 0}.landing-services-title{font-size:var(--font-size-3xl)}.landing-services-next{position:absolute;inset:50% -15px auto auto;margin:0;display:inline-flex;transform:none}.landing-services-slider{margin-inline:80px}.landing-service-title{text-align:left;font-size:var(--font-size-lg)}.landing-service .btn-arrow{justify-content:flex-start}.landing-footer{padding:48px 16px 40px}.menu-toggle,.mobile-menu{display:none}}.evidence-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.evidence-modal-content{background:#fff;border-radius:8px;max-width:70%;max-height:70%;overflow:hidden;display:flex;flex-direction:column}.evidence-modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.evidence-modal-header h2{margin:0;color:#1f2937;font-size:1.25rem}.evidence-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.evidence-modal-close:hover{color:#374151}.evidence-modal-body{padding:20px;overflow-y:auto;max-height:70vh}.evidence-section{margin-bottom:30px}.evidence-section-title{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;font-weight:600}.strengths-title{color:#059669}.weaknesses-title{color:#dc2626}.evidence-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:15px;margin-bottom:10px}.evidence-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.evidence-page-info{background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:4px;font-size:.875rem;text-transform:capitalize}.evidence-details h4{margin:10px 0 5px;color:#374151;font-size:.9rem}.evidence-details ul{margin:0;padding-left:20px}.evidence-details li{margin-bottom:5px}.evidence-details code{background:#f3f4f6;padding:2px 4px;border-radius:3px;font-size:.875rem;word-break:break-all}.evidence-empty{text-align:center;color:#6b7280;padding:40px 20px}.evidence-link-container{margin:10px 0;text-align:right}.evidence-link{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.875rem;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s}.evidence-link:hover{background:#2563eb}.evaluation-details-modal{max-width:800px}.timing-summary-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:8px;text-align:center;margin-bottom:30px}.timing-summary-section h3{margin:0 0 15px;font-size:1.1rem;font-weight:600;opacity:.9}.timing-summary-large{font-size:3rem;font-weight:700;margin:10px 0}.timing-summary-subtitle{margin:10px 0 0;opacity:.9;font-size:.95rem}.phase-timing-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:30px}.phase-timing-section h3{margin:0 0 20px;color:#1f2937;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.timing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.timing-row:last-child{border-bottom:none}.timing-label{display:flex;align-items:center;gap:8px;color:#374151;font-size:.95rem}.timing-value{display:flex;align-items:center;gap:8px}.timing-duration{font-weight:600;color:#1f2937;font-size:.95rem}.timing-percentage{color:#6b7280;font-size:.875rem}.per-page-timing-section{margin-bottom:30px}.per-page-timing-section h3{margin:0 0 20px;color:#1f2937;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.page-timing-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px;margin-bottom:15px}.page-timing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.page-timing-header strong{color:#1f2937;font-size:1rem}.page-timing-total{background:#3b82f6;color:#fff;padding:4px 12px;border-radius:4px;font-weight:600;font-size:.9rem}.page-timing-breakdown{display:flex;flex-direction:column;gap:8px}.timing-row-small{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.timing-row-small:last-child{border-bottom:none}.timing-row-small span:first-child{display:flex;align-items:center;gap:8px;color:#374151;font-size:.9rem}.timing-row-small span:last-child{font-weight:600;color:#1f2937;font-size:.9rem}.timing-info-note{background:#eff6ff;border-left:4px solid #3b82f6;padding:12px 15px;border-radius:4px;color:#1e40af;font-size:.9rem;display:flex;align-items:center;gap:8px}@media(max-width:768px){.evaluation-details-modal{max-width:95%}.timing-summary-large{font-size:2rem}.page-timing-header{flex-direction:column;align-items:flex-start;gap:10px}}