@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600;1,700&display=swap');

:root{--paper:#f5f7ff;--ink:#111827;--muted:#5a6882;--line:#d5dbea;--cyan:#38d8ff;--violet:#7c5cff;--blue:#c6d4ff;--night:#111a35}*{box-sizing:border-box}body{font-family:"DM Sans",sans-serif!important;color:var(--ink)!important;background:var(--paper)!important}.secondary-header{min-height:330px!important;padding:3rem max(24px,calc((100vw - 1100px)/2))!important;text-align:left!important;color:#edf4ff!important;background:var(--night)!important}.secondary-header h1{margin:4rem 0 .8rem!important;font-size:clamp(3rem,7vw,5.5rem)!important;line-height:.9!important;letter-spacing:-.08em!important}.secondary-header h1 em{font-family:"Playfair Display",serif}.secondary-header p{color:#c4cee5!important}.back-link{color:var(--cyan)!important;font:500 .72rem "DM Mono",monospace!important;text-decoration:none!important}.secondary-grid{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:4rem 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:250px!important}.secondary-grid .bento-item{align-items:flex-start!important;justify-content:flex-end!important;padding:1.8rem!important;border:1px solid var(--line)!important;border-radius:0!important;text-align:left!important;box-shadow:none!important;background:#e7ecf7!important;transition:transform .25s,background .25s!important}.secondary-grid .bento-item:hover{transform:translateY(-7px)!important;background:#dce6ff!important;box-shadow:0 15px 30px #19295720!important}.secondary-grid .bento-item:nth-child(2){background:var(--cyan)!important}.secondary-grid .bento-item:nth-child(3){background:var(--blue)!important}.secondary-grid .bento-item:nth-child(4){background:var(--violet)!important;color:white!important}.secondary-grid h2{font-size:1.7rem!important;letter-spacing:-.06em!important}.secondary-grid p{font-size:.92rem!important;line-height:1.5!important}.container{border:1px solid #4a5e90!important;border-radius:0!important;background:#172346!important;box-shadow:14px 14px 0 var(--violet)!important;animation:none!important}.container h1{color:var(--cyan)!important;letter-spacing:-.06em}.container p{color:#c4cee5!important}.gif-top{filter:hue-rotate(170deg) saturate(.75)}.btn-retour{border-radius:0!important;background:var(--cyan)!important;color:var(--ink)!important}.secret-label{color:var(--cyan)!important;font:500 .7rem "DM Mono",monospace!important;letter-spacing:.08em!important}.login-page{min-height:100vh;padding:2rem;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#d8e8ff,transparent 30rem),var(--paper)}.login-page>.back-link{position:absolute;top:2rem;left:2rem}.login-card{width:min(500px,100%);padding:3rem;background:var(--night);color:#edf4ff;box-shadow:18px 18px 0 var(--blue)}.login-card h1{margin:.9rem 0;font-size:clamp(2.3rem,6vw,4rem);letter-spacing:-.07em}.login-card>p:last-child{color:#c4cee5;line-height:1.6}@media(max-width:600px){.secondary-grid{width:calc(100% - 32px);grid-template-columns:1fr!important;grid-auto-rows:210px!important}.secondary-header{padding:2rem 1rem!important}.secondary-header h1{margin-top:3rem!important}.login-card{padding:2rem}}
.card-index{position:absolute;top:1.4rem;left:1.8rem;color:#52627c;font:500 .62rem "DM Mono",monospace;letter-spacing:.08em}.secondary-grid .bento-item{position:relative}.secondary-grid .bento-item:nth-child(4) .card-index{color:#e8e4ff}