.swot-feature { display: grid; grid-template-columns: 92px 1fr; gap: 18px; align-items: center; border-color: #d7d7ed; padding: 20px; background: linear-gradient(135deg, #f4f6ff, #fff9fc); }
.swot-feature-icon { display: grid; width: 76px; height: 76px; place-items: center; border-radius: 22px; color: #fff; background: linear-gradient(145deg, #6078e6, #7747a9); font-size: 34px; box-shadow: 0 10px 22px rgba(96,120,230,.2); }
.swot-tag { color: #5b63ce; background: #e9eaff; }.swot-feature h3 { color: #23243a; }.swot-feature p { margin-bottom: 14px; color: #6e6d82; }
.swot-page { min-height: calc(100vh - 68px); background: linear-gradient(180deg, #f5f6ff, #fffaff); }.swot-hero { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; border-radius: 18px; padding: 32px 38px; color: #252844; background: linear-gradient(120deg, #edf0ff, #f8f0ff); }.swot-hero .eyebrow { color: #5b63ce; }.swot-hero .page-title { margin-bottom: 8px; color: #20233c; }.swot-hero p { max-width: 620px; color: #666780; }.swot-user { margin-bottom: 0; color: #8a89a0 !important; font-size: 13px; }.swot-target { display: grid; width: 104px; height: 104px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #6178e5, #7546a7); font-size: 46px; box-shadow: 0 15px 30px rgba(90,74,175,.22); }
.swot-quiz-card, .swot-result-card { border: 1px solid #e1e1ed; border-radius: 14px; padding: 28px; background: rgba(255,255,255,.86); box-shadow: 0 14px 36px rgba(78,77,120,.08); }.swot-progress { display: flex; justify-content: space-between; margin-bottom: 8px; color: #74748a; font-size: 13px; }.swot-progress strong { color: #5c68d9; }.swot-progress-track { height: 8px; overflow: hidden; margin-bottom: 28px; border-radius: 5px; background: #ebebf5; }.swot-progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6178e5, #7747a9); }.swot-quiz-card h2 { margin-bottom: 22px; color: #25263e; font-size: 24px; }.swot-options { display: grid; gap: 12px; }.swot-option { display: flex; align-items: center; gap: 12px; border: 1px solid #e5e4ef; border-radius: 9px; padding: 15px; color: #47465b; background: #fff; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }.swot-option:hover { border-color: #8d8ee1; background: #f8f7ff; transform: translateY(-1px); }.swot-option:has(input:checked) { border-color: #6573df; background: #eef0ff; box-shadow: inset 3px 0 #6573df; }.swot-option input { accent-color: #6573df; }
.swot-result-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }.swot-result-head h2 { margin-bottom: 6px; color: #25263e; font-size: 30px; }.swot-result-head p { margin-bottom: 0; color: #77768a; }.swot-score-ring { display: grid; width: 86px; height: 86px; flex: 0 0 86px; place-items: center; align-content: center; border: 8px solid #e5e6ff; border-radius: 50%; color: #5d69d7; background: #fbfbff; }.swot-score-ring strong { font-size: 24px; line-height: 1; }.swot-score-ring span { margin-top: 4px; color: #8b8ba0; font-size: 10px; }.swot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.swot-quadrant { border-radius: 12px; padding: 18px; }.swot-quadrant h3 { margin-bottom: 12px; font-size: 17px; }.swot-quadrant ul { margin: 0; padding-left: 18px; color: #505064; }.swot-quadrant li { margin-bottom: 8px; line-height: 1.65; }.swot-strength { background: #e9f7e9; }.swot-strength h3 { color: #259342; }.swot-blindspot { background: #fff0f2; }.swot-blindspot h3 { color: #d3495a; }.swot-opportunity { background: #e8f5ff; }.swot-opportunity h3 { color: #1479be; }.swot-threat { background: #fff4df; }.swot-threat h3 { color: #bd6b18; }
.swot-summary, .swot-directions, .swot-plan, .swot-keywords { margin-top: 20px; border-top: 1px solid #ecebf3; padding-top: 18px; }.swot-summary h3, .swot-directions h3, .swot-plan h3, .swot-keywords h3 { margin-bottom: 8px; color: #5666d3; font-size: 18px; }.swot-summary p, .swot-keywords p { margin-bottom: 0; color: #555568; line-height: 1.8; }.swot-directions ol, .swot-plan ol { margin: 0; padding-left: 22px; color: #555568; }.swot-directions li, .swot-plan li { margin-bottom: 8px; line-height: 1.65; }.swot-keywords p { color: #6263b7; }.swot-disclaimer { margin: 22px 0 16px; color: #9998a9; font-size: 12px; }
@media (max-width: 680px) { .swot-feature { grid-template-columns: 1fr; }.swot-feature-icon { width: 58px; height: 58px; border-radius: 16px; font-size: 26px; }.swot-hero { align-items: flex-start; padding: 24px 18px; }.swot-target { display: none; }.swot-quiz-card, .swot-result-card { padding: 20px 16px; }.swot-result-head { align-items: flex-start; flex-direction: column; }.swot-grid { grid-template-columns: 1fr; }.swot-score-ring { align-self: flex-end; margin-top: -78px; } }