.bobine-signin{background:var(--color-canvas);min-height:100dvh;display:grid;overflow-x:clip}@media (min-width:1024px){.bobine-signin{grid-template-columns:minmax(0,11fr) minmax(0,9fr)}}.bobine-signin-panel{--spot-x:32%;--spot-y:38%;isolation:isolate;border-right:1px solid var(--color-line);background:radial-gradient(120% 80% at 50% 120%, #050403 10%, transparent 60%), radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--color-surface) 80%, transparent), transparent 70%), var(--color-canvas);height:100dvh;min-height:680px;display:none;position:sticky;top:0;overflow:hidden}@media (min-width:1024px){.bobine-signin-panel{padding:var(--space-10) var(--space-12);grid-template-rows:auto 1fr auto;display:grid}}.bobine-signin-beam{z-index:-2;pointer-events:none;background:conic-gradient(from 118deg at 8% 0%, transparent 0deg, color-mix(in srgb, var(--color-signal) 13%, transparent) 14deg, color-mix(in srgb, var(--color-ultra) 9%, transparent) 26deg, transparent 44deg);filter:blur(28px);transform-origin:8% 0;position:absolute;inset:-20% -10% 0 -20%}.bobine-signin-reel{z-index:-2;aspect-ratio:1;width:min(64vh,560px);color:color-mix(in srgb, var(--color-signal) 9%, transparent);opacity:.6;pointer-events:none;position:absolute;bottom:-24%;right:-18%}.bobine-signin-reel svg{width:100%;height:100%}.bobine-signin-panel:after{content:"";z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.bobine-signin-panel:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,#0000 55%,#0000008c);position:absolute;inset:0}.bobine-signin-word{z-index:-1;font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:min(11vw,22vh);font-weight:800;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -58%}.bobine-signin-word-outline{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--color-text) 17%, transparent)}.bobine-signin-word-fill{color:var(--color-signal);opacity:.32;-webkit-mask-image:radial-gradient(26vw 26vw at var(--spot-x) var(--spot-y), #000 0%, transparent 70%);mask-image:radial-gradient(26vw 26vw at var(--spot-x) var(--spot-y), #000 0%, transparent 70%)}.bobine-signin-panel-top{z-index:4;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:relative}.bobine-signin-stage{padding-block:var(--space-8);place-items:center;display:grid}.bobine-signin-panel>:last-child{z-index:4;position:relative}.bobine-signin-strip{--frame-w:clamp(120px, 10.5vw, 172px);--hole:color-mix(in srgb, var(--color-text) 22%, transparent);background:repeating-linear-gradient(90deg, var(--hole) 0 9px, transparent 9px 19px) left 6px top 7px / calc(100% - 12px) 8px no-repeat, repeating-linear-gradient(90deg, var(--hole) 0 9px, transparent 9px 19px) left 6px bottom 7px / calc(100% - 12px) 8px no-repeat, #070605;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 8%, transparent), 0 40px 90px -30px #000000e6, 0 0 120px -20px color-mix(in srgb, var(--color-signal) 28%, transparent);border-radius:6px;gap:10px;padding:22px 12px;display:flex;position:relative;rotate:-5deg}.bobine-signin-frame{width:var(--frame-w);aspect-ratio:9/16;background:var(--color-surface);border-radius:3px;overflow:hidden}.bobine-signin-frame video,.bobine-signin-frame img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.bobine-signin-reel svg{animation:90s linear infinite bobine-signin-turn}.bobine-signin-beam{animation:bobine-signin-flicker 7s var(--ease-in-out) infinite alternate}.bobine-signin-panel .bobine-signin-strip{animation:bobine-signin-glide 16s var(--ease-in-out) infinite alternate}.bobine-signin-word-fill{transition:opacity var(--duration-slow) var(--ease-out)}.bobine-signin-step{animation:bobine-signin-step-in var(--duration-slow) var(--ease-out)}.bobine-signin-hero .bobine-signin-strip{animation:bobine-signin-rise .7s var(--ease-out) both}}@keyframes bobine-signin-turn{to{transform:rotate(360deg)}}@keyframes bobine-signin-flicker{0%{opacity:.75}60%{opacity:1}to{opacity:.85;transform:rotate(2deg)}}@keyframes bobine-signin-glide{to{transform:translate(-14px,8px)}}@keyframes bobine-signin-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes bobine-signin-step-in{0%{opacity:0;transform:translateY(8px)}}.bobine-signin-form-side{isolation:isolate;min-width:0;min-height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) var(--gutter) max(var(--space-6), env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.bobine-signin-form-side:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--color-signal) 13%, transparent), transparent 70%), radial-gradient(50% 60% at 95% 10%, color-mix(in srgb, var(--color-gradient-end) 12%, transparent), transparent 70%);pointer-events:none;height:460px;position:absolute;inset:0 0 auto}@media (min-width:1024px){.bobine-signin-form-side{padding:var(--space-10) var(--space-12)}.bobine-signin-form-side:before{background:radial-gradient(50% 50% at 100% 0%, color-mix(in srgb, var(--color-signal) 9%, transparent), transparent 70%)}}.bobine-signin-center{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:440px;margin-inline:auto;display:flex}.bobine-signin-hero{height:clamp(150px,25dvh,210px);margin-block:var(--space-2) var(--space-6);place-items:center;display:grid;position:relative}.bobine-signin-hero .bobine-signin-word{font-size:clamp(62px,21vw,100px);translate:-50% -52%}.bobine-signin-hero .bobine-signin-strip{--frame-w:clamp(62px, 19vw, 84px);gap:7px;padding:17px 8px}.bobine-signin-hero-glow{z-index:-1;filter:blur(40px);background:radial-gradient(closest-side at 38% 55%, color-mix(in srgb, var(--color-signal) 30%, transparent), transparent), radial-gradient(closest-side at 70% 40%, color-mix(in srgb, var(--color-gradient-end) 28%, transparent), transparent);border-radius:50%;width:86%;height:90%;position:absolute}@media (min-width:1024px){.bobine-signin-hero{display:none}}@media (min-width:480px){.bobine-signin-glass{padding:var(--space-10) var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 7%, transparent), 0 30px 80px -30px #000c}}.bobine-signin-input{transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.bobine-signin-input:focus{border-color:var(--color-signal);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-signal) 20%, transparent)}.bobine-signin-input[aria-invalid=true]{border-color:var(--color-danger)}.bobine-signin-cta{isolation:isolate;position:relative}.bobine-signin-cta:before{content:"";z-index:-1;border-radius:inherit;background-image:var(--gradient-signal);filter:blur(18px);opacity:.4;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:30% 8% -14%}.bobine-signin-cta:hover:before,.bobine-signin-cta:focus-visible:before{opacity:.65}.bobine-signin-cta:disabled:before{opacity:.15}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (min-width:480px){.bobine-signin-glass{-webkit-backdrop-filter:blur(20px)saturate(1.2)}}}