:root{--r-color: #16a34a;--r-light: rgba(22, 163, 74, .12);--i-color: #2563eb;--i-light: rgba(37, 99, 235, .12);--a-color: #7c3aed;--a-light: rgba(124, 58, 237, .12);--s-color: #ea580c;--s-light: rgba(234, 88, 12, .12);--e-color: #dc2626;--e-light: rgba(220, 38, 38, .12);--c-color: #0891b2;--c-light: rgba(8, 145, 178, .12)}body[data-page=riasec]{min-height:100vh}.riasec-nav{position:sticky;top:0;z-index:50;background:#fbfaf6eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:64px}[data-theme=dark] .riasec-nav{background:#0b1120eb}.riasec-nav__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.riasec-nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.1rem}.riasec-nav__brand{color:var(--ink)}.riasec-nav__actions{display:flex;align-items:center;gap:10px}.riasec-lang-toggle{background:transparent;border:1.5px solid var(--line-strong);color:var(--ink-soft);font-family:var(--font-display);font-weight:800;font-size:.78rem;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.5px;transition:border-color .2s,color .2s,background-color .2s}.riasec-lang-toggle:hover{border-color:var(--royal);color:var(--royal);background:var(--royal-soft)}[data-theme=dark] .riasec-lang-toggle{border-color:var(--line-strong);color:var(--ink-soft)}[data-theme=dark] .riasec-lang-toggle:hover{border-color:var(--royal);color:var(--royal)}.riasec-nav__back{font-size:.82rem}.riasec-screen{min-height:calc(100vh - 64px);position:relative;z-index:1}.riasec-screen[hidden]{display:none!important}.screen-intro{display:flex;align-items:center;justify-content:center;padding:60px 24px}.intro-container{max-width:720px;width:100%;text-align:center}.intro-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-light);border:1px solid rgba(200,150,30,.3);color:var(--gold-deep);border-radius:var(--radius-pill);padding:6px 16px;font-family:var(--font-display);font-weight:700;font-size:.8rem;margin-bottom:28px}.intro-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.intro-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:var(--ink);line-height:1.2;margin-bottom:20px}.intro-title em{font-style:normal;background:linear-gradient(135deg,var(--gold-deep) 0%,var(--gold) 50%,var(--royal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:1.05rem;color:var(--ink-soft);line-height:1.85;margin-bottom:40px;max-width:580px;margin-left:auto;margin-right:auto}.intro-types{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.intro-type{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);min-width:80px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:default}.intro-type:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.intro-type[data-type=R]:hover{border-color:var(--r-color)}.intro-type[data-type=I]:hover{border-color:var(--i-color)}.intro-type[data-type=A]:hover{border-color:var(--a-color)}.intro-type[data-type=S]:hover{border-color:var(--s-color)}.intro-type[data-type=E]:hover{border-color:var(--e-color)}.intro-type[data-type=C]:hover{border-color:var(--c-color)}.intro-type__icon{font-size:1.8rem;line-height:1}.intro-type__label{font-family:var(--font-latin);font-weight:600;font-size:.7rem;color:var(--muted);text-align:center}.intro-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);font-weight:600;margin-bottom:36px}.intro-meta span:before{content:""}.intro-cta{font-size:1.05rem;padding:16px 40px;border-radius:var(--radius-pill)}.screen-test{display:flex;align-items:center;justify-content:center;padding:40px 24px}.test-container{max-width:680px;width:100%}.test-progress{margin-bottom:40px}.test-progress__bar{height:6px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:10px}.test-progress__fill{height:100%;background:linear-gradient(90deg,var(--royal) 0%,var(--gold) 100%);border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.test-progress__label{font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--muted);text-align:center;display:block}.question-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-md);margin-bottom:28px;animation:slideInCard .35s cubic-bezier(.4,0,.2,1)}@keyframes slideInCard{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.question-card.slide-out{animation:slideOutCard .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutCard{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}.question-num{font-family:var(--font-serif);font-size:.85rem;color:var(--gold-deep);font-weight:600;margin-bottom:16px;letter-spacing:1px}.question-text{font-family:var(--font-display);font-size:1.18rem;font-weight:700;color:var(--ink);line-height:1.6;margin-bottom:36px}.question-scale{display:flex;flex-direction:column;gap:10px}.scale-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);font-weight:600}.scale-options{display:flex;justify-content:space-between;gap:10px}.scale-btn{flex:1;height:52px;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--cream);color:var(--ink-soft);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.scale-btn:hover{border-color:var(--gold);background:var(--gold-light);color:var(--gold-deep);transform:translateY(-2px);box-shadow:0 4px 12px #c8961e33}.scale-btn.selected{border-color:var(--royal);background:var(--royal-soft);color:var(--royal);transform:translateY(-2px);box-shadow:0 4px 14px #5b2a8633}.scale-sublabels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted-soft);padding:0 4px}.test-nav{display:flex;justify-content:space-between;gap:16px}.test-nav .btn{flex:1;justify-content:center}.screen-results{padding:60px 24px}.results-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.results-hero{text-align:center}.results-eyebrow{font-family:var(--font-display);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold-deep);margin-bottom:20px}.results-code{font-family:var(--font-display);font-weight:900;font-size:clamp(4rem,12vw,7rem);letter-spacing:8px;background:linear-gradient(135deg,var(--royal) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:12px}.results-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--ink);margin-bottom:12px}.results-desc{font-size:1rem;color:var(--ink-soft);line-height:1.8;max-width:560px;margin:0 auto}.scores-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm)}.score-bar-item{display:flex;flex-direction:column;align-items:center;gap:8px}.score-bar-wrap{width:100%;height:100px;background:var(--cream);border-radius:var(--radius-sm);display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line)}.score-bar-fill{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height 1s cubic-bezier(.4,0,.2,1);height:0%}.score-bar-value{font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--ink)}.score-bar-label{font-family:var(--font-latin);font-weight:700;font-size:.8rem;color:var(--muted)}.score-bar-icon{font-size:1.1rem}.score-bar-item.rank-1 .score-bar-value{color:var(--royal);font-size:1rem}.score-bar-item.rank-2 .score-bar-value{color:var(--gold-deep)}.types-detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.type-detail-card{background:var(--white);border:2px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.type-detail-card.rank-1{border-color:var(--royal);background:linear-gradient(135deg,var(--white) 0%,rgba(91,42,134,.03) 100%)}.type-detail-card.rank-2{border-color:var(--gold);background:linear-gradient(135deg,var(--white) 0%,rgba(200,150,30,.04) 100%)}.type-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.type-card-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.type-card-label{flex:1}.type-card-letter{font-family:var(--font-display);font-weight:900;font-size:1.6rem;line-height:1}.type-card-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink)}.type-card-name-fr{font-family:var(--font-latin);font-size:.78rem;color:var(--muted);font-weight:500}.type-card-rank{font-family:var(--font-display);font-weight:700;font-size:.72rem;padding:3px 10px;border-radius:var(--radius-pill);align-self:flex-start}.rank-1 .type-card-rank{background:var(--royal-soft);color:var(--royal)}.rank-2 .type-card-rank{background:var(--gold-light);color:var(--gold-deep)}.type-card-desc{font-size:.88rem;color:var(--ink-soft);line-height:1.7}.type-card-traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.type-trait{font-family:var(--font-display);font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);background:var(--cream-warm);border:1px solid var(--line);color:var(--ink-soft)}.schools-section{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-sm)}.schools-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--ink);margin-bottom:24px;display:flex;align-items:center;gap:10px}.schools-title:before{content:"🎓";font-size:1.3rem}.schools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.school-category{display:flex;flex-direction:column;gap:8px}.school-category__title{font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.school-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-latin);font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--line);color:var(--ink-soft)}.school-tag:before{content:"→";color:var(--gold);font-weight:800}.share-section{text-align:center}.share-prompt{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink-soft);margin-bottom:16px}.share-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:.82rem;cursor:pointer;border:2px solid transparent;transition:all .2s ease;white-space:nowrap}.share-whatsapp{background:#25d366;color:#fff}.share-whatsapp:hover{background:#1da851;transform:translateY(-2px)}.share-facebook{background:#1877f2;color:#fff}.share-facebook:hover{background:#0d6efd;transform:translateY(-2px)}.share-twitter{background:#000;color:#fff}.share-twitter:hover{background:#333;transform:translateY(-2px)}.share-copy{background:var(--white);color:var(--ink);border-color:var(--line-strong)}.share-copy:hover{background:var(--cream-warm);border-color:var(--gold);transform:translateY(-2px)}.results-cta{background:linear-gradient(135deg,var(--ink) 0%,var(--royal-deep) 100%);border-radius:var(--radius-lg);padding:48px 36px;text-align:center;color:var(--cream);position:relative;overflow:hidden}.results-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(200,150,30,.15) 0%,transparent 60%)}.results-cta__inner{position:relative;z-index:1}.results-cta__icon{font-size:2.5rem;margin-bottom:16px}.results-cta__title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.3rem,3vw,1.8rem);color:var(--cream);margin-bottom:12px}.results-cta__desc{font-size:.95rem;color:#fbfaf6cc;line-height:1.8;max-width:480px;margin:0 auto 28px}.results-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.results-cta .btn-outline{color:var(--cream);border-color:#fbfaf659}.results-cta .btn-outline:hover{background:#fbfaf61a;border-color:#fbfaf6b3;color:var(--cream)}.retake-section{text-align:center;padding-bottom:40px}[data-theme=dark] .question-card,[data-theme=dark] .type-detail-card,[data-theme=dark] .schools-section,[data-theme=dark] .scores-grid{background:#172238f5;border-color:var(--line)}[data-theme=dark] .intro-type{background:var(--white);border-color:var(--line)}[data-theme=dark] .scale-btn{background:#0b112099;border-color:var(--line);color:var(--ink)}[data-theme=dark] .scale-btn:hover{background:var(--gold-light);border-color:var(--gold);color:var(--gold)}[data-theme=dark] .scale-btn.selected{background:var(--royal-soft);border-color:var(--royal);color:var(--royal)}[data-theme=dark] .score-bar-wrap{background:#0b112080}[data-theme=dark] .type-detail-card.rank-1{border-color:var(--royal);background:#5b2a8614}[data-theme=dark] .type-detail-card.rank-2{border-color:var(--gold);background:#efbd480f}[data-theme=dark] .school-tag{background:var(--cream-warm);border-color:var(--line)}[data-theme=dark] .type-trait{background:#ffffff0d;border-color:var(--line);color:var(--ink-soft)}@media (max-width: 640px){.screen-intro{padding:40px 20px}.intro-types{gap:8px}.intro-type{min-width:68px;padding:12px 8px}.intro-type__label{font-size:.62rem}.screen-test{padding:24px 16px}.question-card{padding:28px 20px}.question-text{font-size:1.05rem}.scale-btn{height:46px;font-size:1rem}.scores-grid{grid-template-columns:repeat(6,1fr);gap:8px;padding:20px 12px}.score-bar-wrap{height:70px}.score-bar-label{font-size:.68rem}.types-detail,.schools-grid{grid-template-columns:1fr}.share-buttons{gap:8px}.share-btn{padding:9px 14px;font-size:.78rem}.results-cta{padding:36px 20px}.results-cta__actions{flex-direction:column;align-items:center}.riasec-nav__back span{display:none}}@media (max-width: 400px){.scale-options{gap:6px}.scale-btn{font-size:.95rem}}