.login-stage{perspective:1600px;background:var(--color-bg);--lg-accent:#eb5e28;--lg-ring:#eb5e282e;--lg-gradient:linear-gradient(135deg, #ffb861 0%, #ff8559 30%, #eb5e28 60%, #b8324e 100%);--lg-logo:radial-gradient(circle at 30% 25%, #ffe3b0, #ff8559 40%, #b8324e 100%);--lg-glow:#ffc882b3;--lg-cursor:#ffc8822e;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}[data-app-theme=piscine] .login-stage{--lg-accent:#2e9dd4;--lg-ring:#2e9dd433;--lg-gradient:linear-gradient(135deg, #bde3f0 0%, #5bc9e6 30%, #2e9dd4 60%, #1b5fa8 100%);--lg-logo:radial-gradient(circle at 30% 25%, #dff4fa, #5bc9e6 40%, #1b5fa8 100%);--lg-glow:#7fd4ecb3;--lg-cursor:#7fd4ec33}[data-app-theme=sakura] .login-stage{--lg-accent:#c77bb0;--lg-ring:#c77bb038;--lg-gradient:linear-gradient(135deg, #ffe9f0 0%, #ffb6d5 30%, #e889b0 60%, #c99ee2 100%);--lg-logo:radial-gradient(circle at 30% 25%, #ffe9f0, #ffb6d5 40%, #a076d6 100%);--lg-glow:#ffc6ddb3;--lg-cursor:#ffc6dd33}[data-app-theme=espace] .login-stage{--lg-accent:#c940e8;--lg-ring:#c940e838;--lg-gradient:linear-gradient(135deg, #b57fff 0%, #7b5cf8 30%, #c940e8 60%, #ff4d9d 100%);--lg-logo:radial-gradient(circle at 30% 25%, #f4e0ff, #c940e8 40%, #7b5cf8 100%);--lg-glow:#9b6cf0b3;--lg-cursor:#9b6cf033}.login-sky{z-index:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.login-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.login-stage:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(120% 100%,#0000 40%,#1a0f1f8c 100%);position:absolute;inset:0}.login-back-home{z-index:6;color:#fdf8f3e6;-webkit-backdrop-filter:blur(12px)saturate(140%);letter-spacing:.02em;background:#1a0f1f59;border:1px solid #fdf8f333;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:inline-flex;position:absolute;top:20px;left:20px}.login-back-home:hover{color:#fff;background:#1a0f1f8c;border-color:#fdf8f359;transform:translate(-2px)}.login-back-home svg{opacity:.85}.login-back-home:hover svg{opacity:1}@media (max-width:540px){.login-back-home{padding:7px 12px;font-size:11px;top:14px;left:14px}}.login-card-wrap{z-index:5;transform-style:preserve-3d;animation:1.1s cubic-bezier(.18,.89,.32,1.1) both card-rise;position:relative}@keyframes card-rise{0%{opacity:0;transform:translateY(40px)rotateX(20deg)scale(.92)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(24px)saturate(160%);width:min(440px,100vw - 32px);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));color:var(--color-text);background:linear-gradient(#2d1d34b8,#14091a9e);border:1px solid #ffffff1f;border-radius:20px;padding:36px 36px 32px;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .4s,background .45s,border-color .45s,box-shadow .45s;box-shadow:inset 0 1px #ffffff1a,inset 0 -4px 30px #00000059,0 32px 80px #00000073,0 8px 24px #00000040}[data-app-theme=piscine] .login-card{background:linear-gradient(#16384fb8,#08182a9e)}[data-app-theme=espace] .login-card{background:linear-gradient(#140e28c7,#0c0820a6)}[data-app-theme=sakura] .login-card{background:linear-gradient(#3a1f32b8,#1e0e1b9e)}.login-card.is-submitting{animation:1.2s cubic-bezier(.6,0,.4,1) both card-dive}@keyframes card-dive{0%{filter:blur();transform:rotateX(0)rotateY(0)translateY(0)scale(1)}40%{filter:blur();transform:rotateX(-18deg)rotateY(0)translateY(-20px)scale(1.02)}to{opacity:0;filter:blur(8px);transform:rotateX(35deg)rotateY(0)translateY(220px)scale(.6)}}.login-card.is-shaking{animation:.4s card-shake}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-1deg)}40%{transform:translate(10px)rotate(1deg)}60%{transform:translate(-6px)rotate(-.5deg)}80%{transform:translate(6px)rotate(.5deg)}}.login-head{text-align:center;margin-bottom:28px;transform:translateZ(40px)}.login-logo{background:var(--lg-logo);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;animation:4s ease-in-out infinite logo-float;display:inline-flex;position:relative;transform:translateZ(50px);box-shadow:inset 0 1px #fff9,inset 0 -8px 16px #b0324e66,0 14px 28px #b0324e73,0 4px 8px #ff855980}@keyframes logo-float{0%,to{transform:translateZ(50px)translateY(0)}50%{transform:translateZ(50px)translateY(-4px)}}.login-logo svg{color:#fff;width:36px;height:36px}.login-logo:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff80,#0000 50%);border-radius:14px;position:absolute;inset:6px}.login-eyebrow{font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--lg-accent);margin-bottom:8px;font-size:11px;font-weight:600}.login-title{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:28px;font-weight:600;line-height:32px}.login-subtitle{color:var(--color-text-muted);margin:6px 0 0;font-size:14px}.login-form{flex-direction:column;gap:14px;margin-top:24px;display:flex;transform:translateZ(25px)}.login-field{flex-direction:column;gap:5px;display:flex;position:relative}.login-label{color:var(--color-text-muted);letter-spacing:.01em;font-size:12px;font-weight:500}.login-input-wrap{border:1.5px solid var(--color-border);background:#00000040;border-radius:10px;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.login-input-wrap:hover{border-color:var(--color-border-strong)}.login-input-wrap.is-focused{border-color:var(--color-primary);box-shadow:var(--ring-primary), 0 4px 12px #00000040;background:#00000059}.login-input-wrap.is-error{border-color:var(--color-danger);background:#ff7f6b0f}.login-input-wrap.is-error.is-focused{box-shadow:var(--ring-danger), 0 4px 12px #00000040}.login-input-icon{color:var(--color-text-subtle);padding:0 12px;transition:color .2s;display:inline-flex}.login-input-wrap.is-focused .login-input-icon{color:var(--color-primary)}.login-input-wrap.is-error .login-input-icon{color:var(--color-danger)}.login-input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:none;flex:1;padding:12px 12px 12px 0;font-family:inherit;font-size:14px}.login-input::placeholder{color:var(--color-text-subtle)}.login-input-toggle{cursor:pointer;color:var(--color-text-subtle);background:0 0;border:0;align-items:center;padding:0 12px;font-family:inherit;display:inline-flex}.login-input-toggle:hover{color:var(--color-text)}.login-field-error{color:var(--color-danger);align-items:center;gap:4px;margin-top:2px;font-size:11px;animation:.3s shake-in;display:inline-flex}@keyframes shake-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.login-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.login-check{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:inline-flex}.login-check input{opacity:0;position:absolute}.login-check-box{border:1.5px solid var(--color-border-strong);color:#0000;background:#00000040;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:inline-flex}.login-check input:checked~.login-check-box{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.login-submit{cursor:pointer;color:#fff;background:var(--gradient-sunset);background-position:0 0;background-size:200% 200%;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,background-position .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 10px #0000004d,0 12px 28px #00000059,0 4px 8px #0003}[data-app-theme=piscine] .login-submit,[data-app-theme=sakura] .login-submit{color:#1a0f1f}.login-submit:hover{background-position:100% 100%;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 10px #0000004d,0 18px 32px #0006,0 6px 12px #00000040}.login-submit:active{transform:translateY(1px)scale(.99)}.login-submit[disabled]{opacity:.7;cursor:wait}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;animation:2.8s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}60%,to{left:130%}}.login-submit-spinner{border:2px solid #ffffffe6;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-foot{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-subtle);font-size:11px;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;text-transform:uppercase;margin-top:22px;padding-top:18px;transform:translateZ(15px)}.login-meta{z-index:5;pointer-events:none;color:#ffe6d2d9;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px #0006;justify-content:space-between;padding:0 40px;font-size:12px;display:flex;position:absolute;bottom:24px;left:0;right:0}.login-meta-cell{align-items:center;gap:8px;display:inline-flex}.login-meta-dot{background:#7dd49e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite login-pulse;box-shadow:0 0 8px #7dd49e}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.4}}.login-cursor{background:radial-gradient(circle, var(--lg-cursor) 0%, transparent 60%);pointer-events:none;z-index:3;mix-blend-mode:screen;border-radius:50%;width:280px;height:280px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.login-flash{background:radial-gradient(circle at center, var(--lg-glow), transparent 60%);opacity:0;pointer-events:none;z-index:4;position:absolute;inset:0}.login-flash.is-active{animation:.8s login-flash}@keyframes login-flash{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:540px){.login-card{border-radius:18px;padding:28px 24px}.login-title{font-size:24px}.login-meta{padding:0 20px;font-size:10px}.login-meta-cell:nth-child(2){display:none}}@media (hover:none),(pointer:coarse){.login-stage{-webkit-overflow-scrolling:touch;align-content:start;padding:80px 0 40px;overflow:hidden auto}.login-card-wrap{perspective:none;transform-style:flat}.login-card{transform-style:flat;transform:none!important}.login-input{padding:14px 12px 14px 0;font-size:16px}.login-input-toggle{justify-content:center;min-width:44px;min-height:44px}.login-submit{padding:16px 18px;font-size:15px}.login-check{font-size:13px}.login-check-box{width:20px;height:20px}.login-cursor{display:none}}@media (max-width:540px){.login-meta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;padding:0 16px;position:static}}@media (prefers-reduced-motion:reduce){.login-card-wrap,.login-logo,.login-submit:before,.login-meta-dot{animation:none}}