/* Aquatycia Learn - compléments Tailwind (animations, détails) */
:root { --aqy-primary:#002b5c; --aqy-secondary:#1e5f8f; --aqy-accent:#00a5e0; --aqy-light:#e8f4fb; }
::selection { background:#00a5e0; color:#fff; }
.hero-bg { background-color:#002b5c; background-image:linear-gradient(135deg,#002b5c 0%,#1e5f8f 100%); position:relative; overflow:hidden; }
.hero-bg::before, .hero-bg::after { content:""; position:absolute; border-radius:9999px; filter:blur(60px); opacity:.35; pointer-events:none; }
.hero-bg::before { width:420px; height:420px; background:#00a5e0; top:-160px; right:-100px; animation:floaty 9s ease-in-out infinite; }
.hero-bg::after { width:320px; height:320px; background:#1e5f8f; bottom:-140px; left:-80px; animation:floaty 11s ease-in-out infinite reverse; }
@keyframes floaty { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(20px,24px,0); } }
@keyframes fadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
.anim-up { animation:fadeUp .6s ease-out both; }
.anim-up-2 { animation:fadeUp .6s ease-out .12s both; }
.anim-up-3 { animation:fadeUp .6s ease-out .24s both; }
@keyframes popIn { 0% { transform:scale(0); opacity:0; } 60% { transform:scale(1.1); } 100% { transform:scale(1); opacity:1; } }
.anim-pop { animation:popIn .5s ease-out both; }
.card-lift { transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card-lift:hover { transform:translateY(-4px); box-shadow:0 18px 40px -16px rgba(0,43,92,.35); }
.btn-aqy { background-color:#002b5c; background-image:linear-gradient(135deg,#002b5c 0%,#1e5f8f 100%); color:#fff; transition:transform .2s, box-shadow .2s, filter .2s; }
.btn-aqy:hover { transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(0,43,92,.55); filter:brightness(1.08); }
.btn-aqy:disabled { opacity:.6; cursor:wait; transform:none; }
.cover-fallback { background-color:#1e5f8f; background-image:linear-gradient(135deg,#002b5c 0%,#1e5f8f 100%); }
.prose-learn p { margin:0 0 .85rem; line-height:1.75; }
.prose-learn ul { list-style:disc; padding-left:1.25rem; margin:0 0 .85rem; }
.prose-learn ol { list-style:decimal; padding-left:1.25rem; margin:0 0 .85rem; }
.prose-learn li { margin:.25rem 0; }
.prose-learn h3, .prose-learn h4 { font-weight:700; color:#002b5c; margin:1.2rem 0 .5rem; }
.field { width:100%; border:1px solid #cbd5e1; border-radius:.75rem; padding:.65rem .9rem; background:#fff; font-size:.95rem; transition:box-shadow .2s, border-color .2s; }
.field:focus { outline:none; border-color:#00a5e0; box-shadow:0 0 0 3px rgba(0,165,224,.25); }
.todo-box { background:#fff7ed; border:2px dashed #f59e0b; border-radius:.75rem; padding:.75rem 1rem; color:#92400e; font-weight:600; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } }