/* V2.2 — énergie, repères colorés et interactions légères. */
@media screen {
:root{--ink:#172b4d;--muted:#526581;--line:#dce5f8;--shadow:0 12px 32px #234b9b12}
body{background:radial-gradient(ellipse at 85% 0%,#d9d8ff 0,transparent 42%),radial-gradient(ellipse at 4% 50%,#c9f7e8 0,transparent 42%),#f5f8ff}
.sidebar{background:linear-gradient(165deg,#17264c,#142f61 55%,#11233d)}
.brand-mark{background:linear-gradient(145deg,#7358f5,#2c7dfa 55%,#00c6a6);border-radius:17px;box-shadow:0 8px 24px #4967ff55}
.brand-mark span{display:inline;color:#fff}
.nav.active,.nav.active:hover{background:linear-gradient(100deg,#e2ecff,#d8faed);color:#173d83}.nav.active::before{background:#34d6ac}
.nav[data-view="create"]{background:#c9ff83!important;color:#193c46!important;box-shadow:0 5px 16px #0e223355}
.topbar:after{background:linear-gradient(90deg,#7655f7,#2f84ff,#24d2ae,#ffd366,#ff8c88)}
.hero{background:linear-gradient(120deg,#182c61 0%,#3b45be 48%,#176fb2 76%,#087f85 100%);box-shadow:0 18px 40px #3547a52b;isolation:isolate}
.hero:before{background:radial-gradient(circle,#8bdcff35,transparent 70%);border-color:#b6f8ff44}
.hero-card{border:3px solid #d8faff;box-shadow:0 18px 34px #101f5d55;animation:nael-float 4s ease-in-out 1}
@keyframes nael-float{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-7px)}}
.hero-card:before{color:#ffe17d}.orb1{background:#ffb86c}.orb2{background:#87ffda}
.hero-copy .btn-coral{background:#d4ff92;border-color:#d4ff92;color:#173b39;box-shadow:0 6px 0 #7eaa55;transition:transform .18s,box-shadow .18s}.hero-copy .btn-coral:hover{transform:translateY(-2px);box-shadow:0 8px 0 #7eaa55}.hero-copy .btn-coral:active{transform:translateY(4px);box-shadow:0 2px 0 #7eaa55}
#view-home .v5-shortcuts{grid-template-columns:1fr}#view-create .v5-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-create .v5-resource{min-height:130px;border-radius:24px;background:linear-gradient(135deg,#e5e5ff,#dceeff);border:1px solid #babfff;padding:22px;box-shadow:0 9px 0 #d8ddf8;color:#273b9c}
#view-create .v5-resource:nth-child(2){background:linear-gradient(135deg,#d4fbea,#ebffd0);border-color:#a6e4bf;box-shadow:0 9px 0 #ccebd8;color:#176f59}
#view-create .resource-illustration{background:#fff;border-radius:16px;font-size:29px;width:54px;height:54px}
#view-create .v5-resource strong{font-size:18px}#view-create .v5-resource small{font-size:13px}
.metric{background:linear-gradient(155deg,#fff,#edf5ff);border-radius:21px;border-color:#d8e4fd}.metric:nth-child(2){background:linear-gradient(155deg,#fff,#e4faee)}.metric:nth-child(3){background:linear-gradient(155deg,#fff,#fff1dc)}
.metric::before{background:#6485ff}.metric:nth-child(2)::before{background:#20bd91}.metric:nth-child(3)::before{background:#f4ad46}
.metric-icon{border-radius:15px}.metric strong{font-size:32px;color:#20346a}
.fiche-card,.course-subject-card,.course-chapter-card{border-radius:20px;transition:transform .18s,box-shadow .18s}.fiche-card:hover,.course-subject-card:hover,.course-chapter-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3454a323}
.course-hero{background:linear-gradient(115deg,#24366b,#4054c3,#087e8d)}
.practice-card{border-radius:25px;border:1px solid #cddcfa;box-shadow:0 14px 35px #294f9c18}.practice-question{background:linear-gradient(130deg,#eff2ff,#e4faf2);border:1px solid #c8dbf5;border-radius:18px}.hint-panel{border-radius:16px}.btn-primary{background:#2859d8;border-color:#2859d8}.btn-primary:hover{background:#2049b5}
.help-strip{background:linear-gradient(100deg,#fff1cb,#e0f9ed);border-color:#e6e7c6}.section-heading h2{color:#24366b}
@media(max-width:740px){.sidebar{background:#fff}.sidebar .nav[data-view="create"]{box-shadow:none;background:#d9f9b3!important;color:#193c46!important}.sidebar .nav.active{background:#e1eaff;color:#2346aa}.hero-card{animation:none}.hero h1{font-size:clamp(27px,7vw,36px)}#view-create .v5-shortcuts{grid-template-columns:1fr}#view-create .v5-resource{min-height:105px;padding:16px}.metric strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}