.security-assessment{--score-excellent:#22c55e;--score-good:#84cc16;--score-fair:#eab308;--score-poor:#f97316;--score-critical:#ef4444;--priority-critical:#dc2626;--priority-high:#ea580c;--priority-medium:#ca8a04;--priority-low:#16a34a;--assessment-bg:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);--card-shadow:0 4px 20px #18396814;--card-shadow-hover:0 8px 30px #1839681f;--gauge-size:200px;--gauge-stroke:12px;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);background:var(--assessment-bg);min-height:100vh;font-family:var(--font-sans)}.assessment-container{max-width:800px;padding:var(--space-md);margin:0 auto}.assessment-hero{background:var(--gradient-hero);color:var(--color-text-inverted);padding:var(--space-xl)var(--space-md);text-align:center;position:relative;overflow:hidden}.assessment-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#02d3c926 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-20%}.assessment-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#6494aa33 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);padding:var(--space-xs)var(--space-md);margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02d3c933;border:1px solid #02d3c966;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge svg{width:16px;height:16px;fill:var(--color-accent)}.hero-title{margin:0 0 var(--space-md);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-subtitle{opacity:.9;max-width:700px;margin:0 auto var(--space-lg);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.hero-cta{align-items:center;gap:var(--space-xs);background:var(--color-accent);color:var(--color-primary);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-cta);cursor:pointer;transition:var(--transition-smooth);border:none;font-size:1.125rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #02d3c966}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #02d3c980}.hero-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.hero-cta svg{width:20px;height:20px;transition:transform .2s}.hero-cta:hover svg{transform:translate(4px)}.trust-indicators{justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-xs);opacity:.85;font-size:.875rem;display:flex}.trust-item svg{width:18px;height:18px;color:var(--color-accent)}.preview-section{padding:var(--space-xl)var(--space-md);background:#fff}.preview-section h2{text-align:center;color:var(--color-primary);margin:0 0 var(--space-lg);font-size:clamp(1.5rem,3vw,2rem)}.preview-grid{gap:var(--space-md);grid-template-columns:1fr;max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.preview-grid{grid-template-columns:repeat(2,1fr)}}.preview-card{gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--transition-smooth);display:flex}.preview-card:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow)}.preview-icon{background:linear-gradient(135deg,var(--color-accent),#6494aa);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.preview-icon svg{width:24px;height:24px}.preview-content h3{margin:0 0 var(--space-xs);color:var(--color-primary);font-size:1rem}.preview-content p{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.privacy-section{text-align:center;padding:var(--space-lg)var(--space-md);background:var(--color-muted-surface)}.privacy-items{justify-content:center;gap:var(--space-md)var(--space-lg);flex-wrap:wrap;display:flex}.privacy-item{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.9375rem;display:flex}.privacy-item svg{width:20px;height:20px;color:var(--color-accent)}.questionnaire-wrapper{padding:var(--space-lg)0}.questionnaire-card{border-radius:var(--radius-lg);box-shadow:var(--card-shadow);background:#fff;animation:.4s fadeIn;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-container{background:var(--color-primary);padding:var(--space-md);color:#fff}.progress-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.progress-section{font-weight:600}.progress-step{opacity:.8}.progress-bar{border-radius:var(--radius-pill);background:#fff3;height:8px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width .4s}.progress-time{margin-top:var(--space-xs);opacity:.7;justify-content:flex-end;font-size:.75rem;display:flex}.question-content{padding:var(--space-lg)}.question-number{color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600}.question-text{color:var(--color-primary);margin:0 0 var(--space-lg);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.35}.answer-options{gap:var(--space-sm);flex-direction:column;display:flex}.answer-option{position:relative}.answer-option input{opacity:0;width:0;height:0;position:absolute}.answer-label{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-alt);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);min-height:56px;display:flex}.answer-label:hover{border-color:var(--color-accent);background:#fff}.answer-option input:focus-visible+.answer-label{outline:3px solid var(--color-accent);outline-offset:2px}.answer-option input:checked+.answer-label{border-color:var(--color-accent);background:#02d3c91a}.answer-radio{border:2px solid var(--color-border);width:24px;height:24px;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.answer-option input:checked+.answer-label .answer-radio{border-color:var(--color-accent);background:var(--color-accent)}.answer-radio:after{content:"";opacity:0;width:8px;height:8px;transition:var(--transition-smooth);background:#fff;border-radius:50%;transform:scale(0)}.answer-option input:checked+.answer-label .answer-radio:after{opacity:1;transform:scale(1)}.answer-text{color:var(--color-text);font-size:1rem;line-height:1.4}.question-nav{padding:var(--space-md)var(--space-lg)var(--space-lg);justify-content:space-between;gap:var(--space-md);display:flex}.nav-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:2px solid #0000;font-size:1rem;font-weight:500;display:inline-flex}.nav-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.nav-btn-prev{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.nav-btn-prev:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-btn-prev:disabled{opacity:.4;cursor:not-allowed}.nav-btn-next{background:var(--color-primary);color:#fff;margin-left:auto}.nav-btn-next:hover:not(:disabled){background:var(--color-primary-dark)}.nav-btn-next:disabled{opacity:.5;cursor:not-allowed}.nav-btn svg{width:18px;height:18px}.section-divider{text-align:center;padding:var(--space-xl)var(--space-md)}.section-divider h2{color:var(--color-primary);margin:0 0 var(--space-sm);font-size:1.5rem}.section-divider p{color:var(--color-text-muted);margin:0}.results-wrapper{padding:var(--space-lg)0 var(--space-xl)}.score-hero{background:var(--gradient-hero);border-radius:var(--radius-lg);padding:var(--space-xl)var(--space-md);text-align:center;color:#fff;margin-bottom:var(--space-lg)}.score-title{margin:0 0 var(--space-lg);opacity:.9;font-size:1.5rem}.score-gauge{width:var(--gauge-size);height:var(--gauge-size);margin:0 auto var(--space-lg);position:relative}.score-gauge svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#fff3;stroke-width:var(--gauge-stroke)}.gauge-fill{fill:none;stroke-width:var(--gauge-stroke);stroke-linecap:round;transition:stroke-dashoffset 1.5s ease-out}.gauge-fill.grade-a{stroke:var(--score-excellent)}.gauge-fill.grade-b{stroke:var(--score-good)}.gauge-fill.grade-c{stroke:var(--score-fair)}.gauge-fill.grade-d{stroke:var(--score-poor)}.gauge-fill.grade-f{stroke:var(--score-critical)}.score-display{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-number{font-size:3.5rem;font-weight:700;line-height:1}.score-label{opacity:.7;font-size:.875rem}.grade-badge{width:64px;height:64px;margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:inline-flex}.grade-badge.grade-a{background:var(--score-excellent)}.grade-badge.grade-b{background:var(--score-good)}.grade-badge.grade-c{background:var(--score-fair)}.grade-badge.grade-d{background:var(--score-poor)}.grade-badge.grade-f{background:var(--score-critical)}.score-verdict{max-width:600px;margin:0 auto var(--space-lg);opacity:.9;font-size:1.125rem;line-height:1.6}.industry-comparison{border-radius:var(--radius-md);padding:var(--space-md);background:#ffffff1a;max-width:500px;margin:0 auto}.comparison-label{opacity:.8;margin-bottom:var(--space-sm);font-size:.875rem}.comparison-bars{gap:var(--space-sm);flex-direction:column;display:flex}.comparison-bar-item{align-items:center;gap:var(--space-sm);display:flex}.bar-label{text-align:right;width:100px;font-size:.875rem}.bar-track{border-radius:var(--radius-pill);background:#fff3;flex:1;height:12px;overflow:hidden}.bar-fill{border-radius:var(--radius-pill);height:100%;transition:width 1s ease-out}.bar-fill.user-score{background:var(--color-accent)}.bar-fill.industry-avg{background:#fff9}.bar-value{width:45px;font-size:.875rem;font-weight:600}.category-section{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-shadow);margin-bottom:var(--space-lg);background:#fff}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2{color:var(--color-primary);margin:0;font-size:1.5rem}.category-cards{gap:var(--space-md);display:grid}@media (min-width:768px){.category-cards{grid-template-columns:repeat(2,1fr)}}.category-card{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border);transition:var(--transition-smooth)}.category-card:hover{box-shadow:var(--card-shadow)}.category-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.category-name{color:var(--color-primary);margin:0;font-size:1rem;font-weight:600}.category-grade{border-radius:var(--radius-pill);color:#fff;padding:2px 10px;font-size:.875rem;font-weight:700}.category-grade.grade-a{background:var(--score-excellent)}.category-grade.grade-b{background:var(--score-good)}.category-grade.grade-c{background:var(--score-fair)}.category-grade.grade-d{background:var(--score-poor)}.category-grade.grade-f{background:var(--score-critical)}.category-score-bar{background:var(--color-border);border-radius:var(--radius-pill);height:8px;margin-bottom:var(--space-sm);overflow:hidden}.category-score-fill{border-radius:var(--radius-pill);height:100%;transition:width 1s ease-out}.category-meta{color:var(--color-text-muted);justify-content:space-between;font-size:.8125rem;display:flex}.category-comparison{align-items:center;gap:4px;display:flex}.comparison-arrow{font-size:.75rem}.comparison-arrow.up{color:var(--score-excellent)}.comparison-arrow.down{color:var(--score-critical)}.gap-section{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-shadow);margin-bottom:var(--space-lg);background:#fff}.gap-section h2{color:var(--color-primary);margin:0 0 var(--space-lg);font-size:1.5rem}.gap-group{margin-bottom:var(--space-lg)}.gap-group:last-child{margin-bottom:0}.gap-group-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.gap-icon{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gap-icon.critical{background:var(--priority-critical)}.gap-icon.high{background:var(--priority-high)}.gap-icon.medium{background:var(--priority-medium)}.gap-icon.strength{background:var(--priority-low)}.gap-icon.knowledge{background:var(--color-text-muted)}.gap-icon svg{width:18px;height:18px}.gap-group-title{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:600}.gap-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gap-item{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);border-left:4px solid;font-size:.9375rem}.gap-item.critical{border-color:var(--priority-critical);background:#dc262614}.gap-item.high{border-color:var(--priority-high);background:#ea580c14}.gap-item.medium{border-color:var(--priority-medium);background:#ca8a0414}.gap-item.strength{border-color:var(--priority-low);background:#16a34a14}.gap-item.knowledge{border-color:var(--color-text-muted);background:#64748b14}.action-section{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-shadow);margin-bottom:var(--space-lg);background:#fff}.action-section h2{color:var(--color-primary);margin:0 0 var(--space-lg);font-size:1.5rem}.action-timeline{gap:var(--space-lg);flex-direction:column;display:flex}.timeline-group{padding-left:var(--space-lg);position:relative}.timeline-group:before{content:"";background:var(--color-border);width:2px;position:absolute;top:32px;bottom:0;left:7px}.timeline-group:last-child:before{display:none}.timeline-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.timeline-dot{background:var(--color-primary);width:16px;height:16px;box-shadow:0 0 0 3px var(--color-border);border:3px solid #fff;border-radius:50%;position:absolute;left:0}.timeline-title{color:var(--color-primary);margin:0;font-size:1.125rem;font-weight:600}.timeline-period{color:var(--color-text-muted);font-size:.875rem}.action-cards{gap:var(--space-sm);flex-direction:column;display:flex}.action-card{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border)}.action-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.action-card-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.priority-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);color:#fff;flex-shrink:0;padding:2px 8px;font-size:.6875rem;font-weight:600}.priority-badge.critical{background:var(--priority-critical)}.priority-badge.high{background:var(--priority-high)}.priority-badge.medium{background:var(--priority-medium)}.action-card-desc{color:var(--color-text-muted);margin:0 0 var(--space-sm);font-size:.875rem;line-height:1.5}.action-card-meta{gap:var(--space-md);font-size:.8125rem;display:flex}.meta-item{color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.meta-item strong{color:var(--color-text)}.lead-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);padding:var(--space-xl)var(--space-lg);color:#fff;text-align:center;margin-bottom:var(--space-lg)}.lead-section h2{margin:0 0 var(--space-sm);font-size:1.75rem}.lead-subtitle{opacity:.9;margin:0 0 var(--space-lg);max-width:500px;margin-left:auto;margin-right:auto}.lead-benefits{justify-content:center;gap:var(--space-sm)var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.lead-benefit{align-items:center;gap:var(--space-xs);font-size:.9375rem;display:flex}.lead-benefit svg{width:18px;height:18px;color:var(--color-accent)}.lead-form{max-width:500px;margin:0 auto}.form-row{gap:var(--space-md);margin-bottom:var(--space-md);display:grid}@media (min-width:480px){.form-row.two-col{grid-template-columns:1fr 1fr}}.form-group{text-align:left}.form-label{margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:#fff;transition:var(--transition-smooth);background:#ffffff1a;border:2px solid #ffffff4d;font-size:1rem}.form-input::placeholder{color:#ffffff80}.form-input:focus{border-color:var(--color-accent);background:#ffffff26;outline:none}.checkbox-group{align-items:flex-start;gap:var(--space-sm);text-align:left;display:flex}.checkbox-group input{width:20px;height:20px;accent-color:var(--color-accent);margin-top:2px}.checkbox-group label{cursor:pointer;font-size:.9375rem;line-height:1.4}.form-submit{width:100%;padding:var(--space-md);background:var(--color-accent);color:var(--color-primary);border-radius:var(--radius-cta);cursor:pointer;transition:var(--transition-smooth);border:none;font-size:1.125rem;font-weight:600}.form-submit:hover{transform:translateY(-2px);box-shadow:0 4px 20px #02d3c966}.form-submit:focus-visible{outline-offset:3px;outline:3px solid #fff}.cta-section{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-shadow);text-align:center;background:#fff}.cta-section h2{color:var(--color-primary);margin:0 0 var(--space-sm);font-size:1.5rem}.cta-section p{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.cta-buttons{gap:var(--space-md);max-width:400px;margin:0 auto var(--space-lg);flex-direction:column;display:flex}@media (min-width:480px){.cta-buttons{flex-direction:row;justify-content:center;max-width:none}}.cta-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-cta);cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.cta-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.cta-btn-primary{background:var(--color-primary);color:#fff;border:none}.cta-btn-primary:hover{background:var(--color-primary-dark)}.cta-btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.cta-btn-secondary:hover{background:var(--color-primary);color:#fff}.trust-badges{justify-content:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;display:flex}.trust-badge svg{width:18px;height:18px;color:var(--color-accent)}.loading-state{padding:var(--space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);width:60px;height:60px;margin-bottom:var(--space-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-primary);margin:0;font-size:1.125rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s forwards slideUp}.animation-delay-1{animation-delay:.1s}.animation-delay-2{animation-delay:.2s}.animation-delay-3{animation-delay:.3s}.animation-delay-4{animation-delay:.4s}@media print{.security-assessment{background:#fff}.hero-cta,.nav-btn,.lead-section,.cta-section{display:none}.score-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
