.assessment-wrapper{min-height:100vh;background:#f6f3ff;display:flex;align-items:center;justify-content:center;padding:20px}.assessment-card,.result-card{background:#fff;width:100%;max-width:820px;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(99,66,219,.15)}h1{color:#5b3cc4;margin-bottom:8px}.subtitle{color:#666;font-size:14px;margin-bottom:20px}.progress-bar{height:6px;background:#e7e1ff;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#6a4cff,#9b7bff);transition:width .3s ease}.step-text{font-size:13px;color:#888;margin-bottom:10px}.question{margin-bottom:15px}.options{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;padding:12px;border:2px solid #eee;border-radius:10px;cursor:pointer;transition:all .2s ease}.radio-option input{display:none}.radio-option.active{border-color:#6a4cff;background:#f2eeff}.custom-radio{width:18px;height:18px;border:2px solid #6a4cff;border-radius:50%;margin-right:12px;position:relative}.radio-option.active .custom-radio:after{content:"";width:10px;height:10px;background:#6a4cff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.option-text{font-size:14px}.nav-buttons{display:flex;justify-content:space-between;margin-top:25px}button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:500}.back{background:#eee}.next,.restart,.submit{background:#6a4cff;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}