.login-scene{--rig-x:72%;--rig-size:clamp(6px, 1.14svh, 11px);--string:3em;background:radial-gradient(120% 60% at 70% -10%,#9fb3c8 0%,#0000 60%),linear-gradient(#6f8296 0%,#3b4a5c 38%,#1c242c 62%,#0b0d10 100%);height:clamp(180px,38svh,360px);position:relative;overflow:hidden}@media (min-width:48rem){.login-scene{--rig-x:58%;--rig-size:clamp(11px, 2dvh, 16px);--string:10.5em;height:auto;min-height:100dvh}}.login-scene:before{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(104deg,#0000 38%,#ffffff1a 44%,#ffffff05 52%,#0000 58%),linear-gradient(96deg,#0000 62%,#ffffff0f 66%,#0000 72%);position:absolute;inset:0}.login-scene:after{content:"";pointer-events:none;background:radial-gradient(80% 70% at 50% 45%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.login-scene-grain{opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .12 0'/></filter><rect width='200' height='200' filter='url(%23g)'/></svg>");background-size:200px 200px;position:absolute;inset:0}.login-scene-dash{pointer-events:none;background:linear-gradient(#15191d 0%,#0b0d10 60%);border-radius:50% 50% 0 0/100% 100% 0 0;height:34%;position:absolute;bottom:-6%;left:-5%;right:-5%;box-shadow:0 -30px 80px #0009}.login-scene-dash:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:2px;position:absolute;top:18%;left:12%;right:12%}.login-scene-rig{left:var(--rig-x);font-size:var(--rig-size);transform-origin:top;will-change:transform;position:absolute;top:-6px;transform:translate(-50%)rotate(0)}.login-scene-string{width:max(2px,.1875em);height:var(--string);background:linear-gradient(90deg,#c9c3b4,#f2eee4 45%,#a79f8d);border-radius:2px;margin:0 auto;box-shadow:0 0 0 .5px #00000040}.login-scene-tag{border:1.5px solid var(--color-tag-edge,#d9b43a);width:20em;color:var(--color-ink-on-tag,#111);background:radial-gradient(140% 90% at 20% 0%, #ffffff38 0%, transparent 50%), linear-gradient(170deg, #ffd947 0%, var(--color-tag,#ffd23f) 45%, #f3c22e 100%);border-radius:1.375em 1.375em .25em .25em;margin:-.625em auto 0;padding-bottom:1.25em;position:relative;box-shadow:0 1px #b8911a,0 1.375em 2.5em -.625em #000000a6,0 3.75em 5.625em -1.875em #0009,inset 0 -1px #00000026}.login-scene-tag:before{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:.35;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");position:absolute;inset:0}.login-scene-eyelet{background:radial-gradient(circle,#1b2024 0 34%,#0000 35%),conic-gradient(from 200deg,#f4f4f2,#8a9095 22%,#e6e8e7 44%,#6b7176 62%,#f1f2f0 82%,#8a9095);border-radius:50%;width:1.875em;height:1.875em;margin:.75em auto 0;box-shadow:0 1px 2px #00000080,inset 0 0 0 1px #00000059}.login-scene-head{font-size:1.125em;font-family:var(--font-big-shoulders), "Arial Narrow", Impact, sans-serif;font-variation-settings:"opsz" 72;letter-spacing:.08em;border-bottom:2px solid;margin:.555556em 1.11111em 0;padding-bottom:.277778em;font-weight:800;line-height:1.2}.login-scene-stock{border-bottom:1.5px solid;height:3.6em;margin:.5em 1.25em 0}.login-scene-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em .875em;margin:.5em 1.25em 0;display:grid}.login-scene-field{border-bottom:1.5px solid;height:2em}.login-scene-label{font-family:var(--font-barlow), "Helvetica Neue", Arial, sans-serif;letter-spacing:.08em;opacity:.72;font-size:.625em;font-weight:600;line-height:1.4}.login-scene-shadow{left:var(--rig-x);top:calc(var(--string) - .5em);width:20em;height:20em;font-size:var(--rig-size);filter:blur(1.375em);will-change:transform;pointer-events:none;background:#00000059;border-radius:1.375em 1.375em .25em .25em;position:absolute;transform:translate(-50%)}.login-scene-pencil{max-width:80%;font-family:var(--font-marker), "Comic Sans MS", cursive;letter-spacing:.01em;color:#f4f1e8;text-shadow:0 0 1px #fff9,0 0 14px #ffffff2e;opacity:.94;pointer-events:none;margin:0;font-size:30px;line-height:1.02;position:absolute;bottom:14%;left:max(5%,20px);transform:rotate(-2deg)}@media (min-width:48rem){.login-scene-pencil{max-width:44%;font-size:clamp(30px,3.6vw,56px);bottom:16%}}