:root{--accent: #DFFE68;--accent-hover: #C8E85C;--black: #1a1a1a;--gray: #4a4a4a;--muted: #6b6b6b;--light-gray: #f5f5f5;--green: #10B981;--green-bg: #D1FAE5;--orange: #F59E0B;--orange-bg: #FEF3C7;--red: #EF4444;--red-bg: #FEE2E2;--blue: #3B82F6;--blue-bg: #DBEAFE}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--light-gray);color:var(--black);line-height:1.6;min-height:100vh}.header{border-bottom:2px solid var(--black);padding:1rem 1.5rem;background:#fff;position:sticky;top:0;z-index:50}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:40px;height:40px;background:var(--accent);border:2px solid var(--black);border-radius:8px;box-shadow:2px 2px 0 0 var(--black);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--black)}.logo-text{display:none}@media(min-width:640px){.logo-text{display:block}.logo-text .title{font-weight:700;color:var(--black);font-size:14px}.logo-text .subtitle{font-size:12px;color:var(--muted)}}.divider{width:1px;height:32px;background:#e5e5e5;display:none}@media(min-width:640px){.divider{display:block}}.assessment-title{display:none}@media(min-width:640px){.assessment-title{display:block}.assessment-title .title{font-weight:700;color:var(--black);font-size:14px}.assessment-title .subtitle{font-size:12px;color:var(--muted)}}.header-right{display:flex;align-items:center;gap:1rem}.resources-link{display:none;align-items:center;gap:.25rem;font-size:14px;color:var(--muted);text-decoration:none}.resources-link:hover{color:var(--black)}@media(min-width:640px){.resources-link{display:flex}}.progress-text{font-size:14px;color:var(--muted)}.progress-bar-container{background:#fff;border-bottom:2px solid var(--black)}.progress-bar-inner{max-width:1200px;margin:0 auto}.progress-bar-bg{height:8px;background:var(--light-gray)}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.breadcrumbs{background:#fff;border-bottom:2px solid var(--black);padding:.75rem 1.5rem}.breadcrumbs-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.breadcrumbs a{color:#6b6b6b;text-decoration:none}.breadcrumbs a:hover{color:var(--black)}.breadcrumbs span{color:#6b6b6b}.breadcrumbs .current{color:var(--black);font-weight:600}.main{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.intro-screen{text-align:center}.intro-icon{width:80px;height:80px;background:var(--accent);border:2px solid var(--black);border-radius:20px;box-shadow:4px 4px 0 0 var(--black);display:inline-flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:1.5rem}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.intro-description{font-size:1.125rem;color:var(--gray);max-width:600px;margin:0 auto 2rem}.start-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--accent);border:2px solid var(--black);border-radius:12px;font-weight:700;font-size:1.125rem;color:var(--black);cursor:pointer;box-shadow:4px 4px 0 0 var(--black);transition:all .15s ease}.start-btn:hover{box-shadow:6px 6px 0 0 var(--black);transform:translate(-2px,-2px)}.categories-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem;text-align:left}@media(min-width:640px){.categories-preview{grid-template-columns:repeat(3,1fr)}}.category-card{background:#fff;border:2px solid var(--black);border-radius:12px;padding:1rem;box-shadow:3px 3px 0 0 var(--black)}.category-icon{font-size:1.5rem;margin-bottom:.5rem}.category-name{font-weight:600;font-size:.875rem}.question-screen{display:none}.question-card{background:#fff;border:2px solid var(--black);border-radius:20px;padding:2rem;box-shadow:6px 6px 0 0 var(--black);text-align:center}.category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--light-gray);border:2px solid var(--black);border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.question-text{font-size:1.5rem;font-weight:700;margin-bottom:2rem;line-height:1.4}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-option{width:100%;padding:1rem 1.25rem;border:2px solid var(--black);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 0 var(--black);background:#fff;color:var(--black);text-align:left;display:flex;justify-content:space-between;align-items:center}.answer-option:hover{background:var(--light-gray);box-shadow:4px 4px 0 0 var(--black);transform:translate(-1px,-1px)}.answer-option.selected-green{background:var(--green);color:#fff;border-color:var(--green);box-shadow:3px 3px #059669}.answer-option.selected-orange{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:3px 3px #d97706}.answer-option.selected-red{background:var(--red);color:#fff;border-color:var(--red);box-shadow:3px 3px #dc2626}.option-label{font-weight:700}.option-desc{font-size:.85rem;opacity:.8;margin-top:.25rem;font-weight:400}.option-check{display:none}.answer-option.selected-green .option-check,.answer-option.selected-orange .option-check,.answer-option.selected-red .option-check{display:block}.back-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--black);border-radius:8px;font-weight:500;color:var(--gray);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{background:var(--light-gray)}.results-screen{display:none}.share-card{background:#fff;border:2px solid var(--black);border-radius:16px;padding:2rem;box-shadow:4px 4px 0 0 var(--black)}.share-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.share-card-logo{display:flex;align-items:center;gap:.75rem}.share-card-logo-icon{width:40px;height:40px;background:var(--accent);border:2px solid var(--black);border-radius:8px;box-shadow:2px 2px 0 0 var(--black);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.share-card-logo-text .title{font-weight:700;font-size:.875rem}.share-card-logo-text .subtitle{font-size:.75rem;color:var(--muted)}.share-card-company{text-align:right}.share-card-company .label{font-size:.75rem;color:var(--muted)}.share-card-company .name{font-weight:700}.score-circle{width:112px;height:112px;border-radius:50%;border-width:4px;border-style:solid;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.score-circle .percentage{font-size:1.875rem;font-weight:800}.score-circle .grade{font-size:.875rem;font-weight:700}.score-label{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:1.5rem}.category-bars{display:flex;flex-direction:column;gap:.75rem}.category-bar-item{display:flex;flex-direction:column;gap:.25rem}.category-bar-header{display:flex;justify-content:space-between;font-size:.875rem}.category-bar-name{font-weight:500}.category-bar-percentage{font-weight:700}.category-bar-bg{height:8px;background:var(--light-gray);border-radius:999px;overflow:hidden;border:1px solid #e5e5e5}.category-bar-fill{height:100%;border-radius:999px}.share-card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e5e5;text-align:center;font-size:.75rem;color:var(--muted)}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.download-btn,.retake-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid var(--black);border-radius:8px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 0 var(--black);transition:all .15s ease}.download-btn{background:var(--accent);color:var(--black)}.retake-btn{background:#fff;color:var(--black)}.download-btn:hover,.retake-btn:hover{box-shadow:4px 4px 0 0 var(--black);transform:translate(-1px,-1px)}.email-confirmation{background:var(--green-bg);border:2px solid var(--green);border-radius:12px;padding:1rem;text-align:center;margin-top:2rem;color:#065f46;font-weight:500}.issues-box{background:var(--red-bg);border:2px solid var(--red);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 0 var(--red);margin-top:2rem}.issues-box h3{color:var(--red);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.issues-list{list-style:none}.issues-list li{display:flex;align-items:flex-start;gap:.5rem;color:#7f1d1d;margin-bottom:.5rem}.issues-list .x{color:var(--red);margin-top:2px}.warnings-box{background:var(--orange-bg);border:2px solid var(--orange);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 0 var(--orange);margin-top:2rem}.warnings-box h3{color:var(--orange);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.warnings-list{list-style:none}.warnings-list li{display:flex;align-items:flex-start;gap:.5rem;color:#92400e;margin-bottom:.5rem}.warnings-list .exclaim{color:var(--orange);margin-top:2px}.strengths-box{background:var(--green-bg);border:2px solid var(--green);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 0 var(--green);margin-top:2rem}.strengths-box h3{color:var(--green);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.strengths-list{list-style:none}.strengths-list li{display:flex;align-items:flex-start;gap:.5rem;color:#065f46;margin-bottom:.5rem}.strengths-list .check{color:var(--green);margin-top:2px}.cta-box{background:var(--accent);border:2px solid var(--black);border-radius:16px;padding:2rem;box-shadow:6px 6px 0 0 var(--black);text-align:center;margin-top:2rem}.cta-box h3{font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.cta-box p{color:var(--gray);margin-bottom:1rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--black);color:#fff;border-radius:12px;font-weight:700;font-size:1.125rem;text-decoration:none}.cta-btn:hover{background:#333}.cta-note{font-size:.875rem;color:var(--muted);margin-top:1rem}.summary-box{background:#fff;border:2px solid var(--black);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 0 var(--black);margin-top:2rem}.summary-box h3{font-weight:700;margin-bottom:1rem}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}@media(min-width:640px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-item .value{font-size:1.5rem;font-weight:800}.summary-item .label{font-size:.875rem;color:var(--muted)}.footer{border-top:2px solid var(--black);background:var(--black);padding:3rem 1.5rem;margin-top:4rem}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col h4{color:var(--accent);font-weight:700;font-size:.875rem;margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.5rem}.footer-col ul li a{color:#9ca3af;text-decoration:none;font-size:.875rem}.footer-col ul li a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid #374151;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-brand-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:var(--black)}.footer-brand p{font-size:.875rem;color:#9ca3af}.footer-brand a{color:var(--accent);text-decoration:none}.footer-brand a:hover{text-decoration:underline}.footer-copyright{font-size:.75rem;color:#4b5563}.hidden{display:none!important}