*{box-sizing:border-box;margin:0;padding:0}.modenhetstesten-container{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;min-height:100vh;padding:40px 20px}@media (max-width:768px){.modenhetstesten-container{max-width:none;padding:24px 16px}}.modenhetstesten-header{animation:fadeInUp .6s ease-out;margin-bottom:48px;text-align:center}.modenhetstesten-header h1{color:#0f172a;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.modenhetstesten-header p{color:#64748b;font-size:clamp(1rem,2.5vw,1.125rem);margin-bottom:8px;margin-left:auto;margin-right:auto;max-width:600px}.modenhetstesten-header .time-estimate{align-items:center;background:#f8fafc;border-radius:20px;color:#94a3b8;display:inline-flex;font-size:clamp(.813rem,2vw,.875rem);gap:6px;margin-top:12px;padding:8px 16px}.modenhetstesten-progress{animation:fadeInUp .6s ease-out .2s both;margin-bottom:32px}.modenhetstesten-progress-info{align-items:center;color:#64748b;display:flex;font-size:clamp(.813rem,2vw,.875rem);font-weight:500;justify-content:space-between;margin-bottom:12px}.modenhetstesten-progress-bar{background-color:#e2e8f0;border-radius:10px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);height:10px;overflow:hidden;position:relative;width:100%}.modenhetstesten-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 8px rgba(59,130,246,.4);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.modenhetstesten-card{animation:fadeInUp .6s ease-out .3s both;background:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 25px rgba(0,0,0,.08);margin-bottom:32px;padding:clamp(24px,5vw,40px);transition:box-shadow .3s ease}.modenhetstesten-card:hover{box-shadow:0 8px 12px rgba(0,0,0,.08),0 16px 32px rgba(0,0,0,.12)}.modenhetstesten-question{color:#0f172a;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:28px}.modenhetstesten-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.modenhetstesten-option{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;min-height:64px;padding:18px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.modenhetstesten-option:before{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.05));border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.modenhetstesten-option:hover:before{opacity:1}.modenhetstesten-option:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-2px)}.modenhetstesten-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.modenhetstesten-option.selected:before{opacity:0}.modenhetstesten-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:20px;margin-right:14px;margin-top:2px;width:20px}.modenhetstesten-option label{color:#334155;cursor:pointer;flex:1;font-size:clamp(.938rem,2vw,1rem);line-height:1.5;position:relative;z-index:1}.modenhetstesten-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.modenhetstesten-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:clamp(.938rem,2vw,1rem);font-weight:600;justify-content:center;letter-spacing:-.01em;min-height:50px;overflow:hidden;padding:14px 32px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.modenhetstesten-btn:after{background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.modenhetstesten-btn:hover:after{opacity:1}.modenhetstesten-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.modenhetstesten-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.modenhetstesten-btn-primary:active:not(:disabled){transform:translateY(0)}.modenhetstesten-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.6}.modenhetstesten-btn-secondary{background-color:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#64748b}.modenhetstesten-btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.modenhetstesten-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modenhetstesten-btn-full{width:100%}.modenhetstesten-results{display:none}.modenhetstesten-results.active{animation:fadeIn .6s ease-out;display:block}.modenhetstesten-results-header{animation:fadeInUp .6s ease-out;margin-bottom:40px;text-align:center}.modenhetstesten-results-icon{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);font-size:clamp(3rem,8vw,4rem);margin-bottom:16px}.modenhetstesten-results-title{color:#0f172a;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.modenhetstesten-results-subtitle{color:#64748b;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;margin:0 auto;max-width:600px}.modenhetstesten-score{animation:fadeInUp .6s ease-out .2s both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;margin-bottom:40px;padding:32px;text-align:center}.modenhetstesten-score-number{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;font-size:clamp(3rem,10vw,4.5rem);font-weight:800;margin-bottom:12px;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.modenhetstesten-score-level{font-size:clamp(1.25rem,3vw,1.625rem);font-weight:600;letter-spacing:-.01em}.modenhetstesten-level-card{animation:fadeInUp .6s ease-out .3s both;border:2px solid rgba(0,0,0,.05);border-radius:16px;margin-bottom:32px;padding:clamp(24px,5vw,32px);transition:transform .3s ease,box-shadow .3s ease}.modenhetstesten-level-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.modenhetstesten-level-card p{color:#334155;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7}.modenhetstesten-recommendations{animation:fadeInUp .6s ease-out .4s both;margin-bottom:32px}.modenhetstesten-recommendations h3{align-items:center;color:#0f172a;display:flex;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:600;gap:8px;letter-spacing:-.01em;margin-bottom:20px}.modenhetstesten-recommendations ul{display:flex;flex-direction:column;gap:14px;list-style:none}.modenhetstesten-recommendations li{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.modenhetstesten-recommendations li:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateX(4px)}.modenhetstesten-recommendations li span:first-child{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;min-width:28px}.modenhetstesten-recommendations li span:last-child{color:#475569;font-size:clamp(.938rem,2vw,1rem);line-height:1.6}.modenhetstesten-insight-box{animation:fadeInUp .6s ease-out .5s both;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:2px solid #bfdbfe;border-radius:16px;margin-bottom:32px;overflow:hidden;padding:clamp(24px,5vw,32px);position:relative}.modenhetstesten-insight-box:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.modenhetstesten-insight-box h3{align-items:center;color:#1e40af;display:flex;font-size:clamp(1.063rem,3vw,1.25rem);font-weight:600;gap:10px;letter-spacing:-.01em;margin-bottom:16px;position:relative;z-index:1}.modenhetstesten-insight-box p{color:#475569;font-size:clamp(.938rem,2vw,1rem);line-height:1.6;margin-bottom:16px;position:relative;z-index:1}.modenhetstesten-insight-box ul{display:flex;flex-direction:column;gap:10px;list-style:none;position:relative;z-index:1}.modenhetstesten-insight-box li{color:#475569;display:flex;font-size:clamp(.938rem,2vw,1rem);gap:12px;line-height:1.6;padding-left:8px}.modenhetstesten-insight-box li:before{color:#3b82f6;content:"✓";flex-shrink:0;font-weight:700}.modenhetstesten-email-section{animation:fadeInUp .6s ease-out .6s both;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:32px;padding:clamp(24px,5vw,40px);transition:box-shadow .3s ease}.modenhetstesten-email-section:hover{box-shadow:0 8px 20px rgba(0,0,0,.1)}.modenhetstesten-email-section h3{align-items:center;color:#0f172a;display:flex;font-size:clamp(1.25rem,4vw,1.625rem);font-weight:600;gap:8px;letter-spacing:-.01em;margin-bottom:10px}.modenhetstesten-email-description{color:#64748b;font-size:clamp(.938rem,2vw,1rem);line-height:1.6;margin-bottom:28px}.modenhetstesten-email-form{display:flex;flex-direction:column;gap:20px}.modenhetstesten-form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.modenhetstesten-form-group{display:flex;flex-direction:column;gap:8px}.modenhetstesten-form-group label{color:#475569;font-size:clamp(.813rem,2vw,.875rem);font-weight:600;letter-spacing:-.01em}.modenhetstesten-form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:clamp(.938rem,2vw,1rem);padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.modenhetstesten-form-group input:hover{border-color:#cbd5e1}.modenhetstesten-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1);outline:none;transform:translateY(-1px)}.modenhetstesten-form-group input::placeholder{color:#94a3b8}.modenhetstesten-form-message{animation:slideInUp .3s ease-out;border-radius:12px;display:none;font-size:clamp(.875rem,2vw,.938rem);font-weight:500;padding:14px 18px}.modenhetstesten-form-message.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;color:#166534;display:block}.modenhetstesten-form-message.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;color:#991b1b;display:block}.modenhetstesten-results-buttons{animation:fadeInUp .6s ease-out .7s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.level-1{color:#dc2626}.level-2{color:#ea580c}.level-3{color:#ca8a04}.level-4{color:#2563eb}.level-5{color:#16a34a}.bg-level-1{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626}.bg-level-2{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-left:4px solid #ea580c}.bg-level-3{background:linear-gradient(135deg,#fefce8,#fef08a);border-left:4px solid #ca8a04}.bg-level-4{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #2563eb}.bg-level-5{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #16a34a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}@media (max-width:768px){.modenhetstesten-header{margin-bottom:36px}.modenhetstesten-card{padding:28px 20px}.modenhetstesten-options{gap:10px}.modenhetstesten-option{padding:16px 18px}.modenhetstesten-buttons{gap:12px}.modenhetstesten-score{padding:24px}.modenhetstesten-recommendations li{padding:14px}}@media (max-width:640px){.modenhetstesten-container{padding:20px 12px}.modenhetstesten-header{margin-bottom:32px}.modenhetstesten-header .time-estimate{font-size:.813rem;padding:6px 12px}.modenhetstesten-card{border-radius:16px;padding:24px 16px}.modenhetstesten-question{margin-bottom:20px}.modenhetstesten-options{gap:10px;margin-bottom:24px}.modenhetstesten-option{min-height:56px;padding:14px 16px}.modenhetstesten-option:hover{transform:none}.modenhetstesten-option:active{transform:scale(.98)}.modenhetstesten-buttons{flex-direction:column;gap:12px}.modenhetstesten-btn{min-height:54px;padding:16px 24px;width:100%}.modenhetstesten-btn:hover{transform:none}.modenhetstesten-btn:active{transform:scale(.98)}.modenhetstesten-form-row{gap:16px;grid-template-columns:1fr}.modenhetstesten-email-section{border-radius:16px;padding:24px 16px}.modenhetstesten-score{border-radius:16px;padding:24px 20px}.modenhetstesten-level-card{border-radius:12px;padding:20px 16px}.modenhetstesten-recommendations li{gap:12px;padding:12px}.modenhetstesten-recommendations li:hover{transform:none}.modenhetstesten-insight-box{border-radius:12px;padding:20px 16px}}@media (max-width:375px){.modenhetstesten-container{padding:16px 8px}.modenhetstesten-card{padding:20px 14px}.modenhetstesten-option{padding:12px 14px}.modenhetstesten-btn{padding:14px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}