.jopily-signin{--bg:#05070d;--bg-2:#080c16;--panel:#0b101d;--panel-2:#0e1424;--ink:#f2f5ff;--ink-soft:#c9d2e8;--muted:#7c87a3;--line:#ffffff17;--line-2:#ffffff29;--accent:var(--brand-accent,#2e6fdd);--accent-hi:var(--brand-accent-hi,#5c97ea);--accent-glow:var(--brand-accent-glow,#2e6fdd73);--accent-soft:#2e6fdd24;--pill:999px;font-family:var(--font-schibsted), system-ui, sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.jopily-signin *,.jopily-signin :before,.jopily-signin :after{box-sizing:border-box;margin:0;padding:0}.jopily-signin .serif{font-family:var(--font-instrument), serif;font-style:italic}.jopily-signin .mono{font-family:var(--font-plex-mono), monospace}.jopily-signin .bg-glow{pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 15% -5%,#2e6fdd47,#0000 60%),radial-gradient(45% 40% at 88% 100%,#2e6fdd29,#0000 60%);position:fixed;inset:0}.jopily-signin .bg-grid{pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000 78%);mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000 78%)}.jopily-signin .amb{z-index:0;pointer-events:none;border:1px solid var(--line);border-radius:var(--pill);color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;padding:8px 14px;font-size:11px;animation:9s ease-in-out infinite drift;position:fixed}.jopily-signin .amb.a1{--r:-5deg;animation-delay:0s;top:22%;left:16%}.jopily-signin .amb.a2{--r:4deg;animation-delay:1.5s;top:70%;left:12%}.jopily-signin .amb.a3{--r:5deg;animation-delay:.8s;top:30%;right:15%}.jopily-signin .amb.a4{--r:-4deg;animation-delay:2.2s;top:64%;right:13%}@keyframes drift{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(var(--r))}}@media (max-width:720px){.jopily-signin .amb{display:none}}@media (prefers-reduced-motion:reduce){.jopily-signin .amb{transform:rotate(var(--r));animation:none}}.jopily-signin .card{z-index:2;background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);border:1px solid var(--line-2);text-align:center;width:100%;max-width:440px;box-shadow:0 40px 100px -30px #000c, 0 0 70px -20px var(--accent-glow);border-radius:28px;padding:48px 44px 40px;position:relative}.jopily-signin .logo-lockup{justify-content:center;align-items:center;gap:12px;margin-bottom:36px;display:flex}.jopily-signin .logo-mark{background:linear-gradient(150deg, var(--accent-hi), var(--accent));width:52px;height:44px;box-shadow:0 12px 30px -8px var(--accent-glow);border-radius:15px;place-items:center;display:grid}.jopily-signin .logo-mark img{width:30px;height:24px;display:block}.jopily-signin .logo-word{letter-spacing:-.03em;font-size:26px;font-weight:900}.jopily-signin h1{letter-spacing:-.02em;margin-bottom:12px;font-size:30px;font-weight:800}.jopily-signin h1 .serif{color:var(--accent-hi)}.jopily-signin .sub{color:var(--muted);max-width:320px;margin:0 auto 34px;font-size:15px;line-height:1.6}.jopily-signin .g-btn{color:#1f2328;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-family:inherit;font-size:15.5px;font-weight:700;transition:transform .18s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.jopily-signin .g-btn:hover{box-shadow:0 14px 34px -10px #0009, 0 0 30px -10px var(--accent-glow);transform:translateY(-2px)}.jopily-signin .g-btn:active{transform:translateY(0)}.jopily-signin .g-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.jopily-signin .g-btn svg{flex-shrink:0;width:20px;height:20px}.jopily-signin .divider{color:var(--muted);letter-spacing:.14em;align-items:center;gap:14px;margin:26px 0;font-size:11px;display:flex}.jopily-signin .divider:before,.jopily-signin .divider:after{content:"";background:var(--line);flex:1;height:1px}.jopily-signin .trust{text-align:left;flex-direction:column;gap:11px;margin-bottom:6px;display:flex}.jopily-signin .trust .row{color:var(--ink-soft);align-items:center;gap:11px;font-size:13px;display:flex}.jopily-signin .trust .row svg{color:var(--accent-hi);flex-shrink:0}.jopily-signin .foot{color:var(--muted);margin-top:30px;font-size:12px;line-height:1.6}.jopily-signin .foot a{color:var(--accent-hi);text-decoration:none}.jopily-signin .back{z-index:3;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);background:#ffffff05;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s;display:flex;position:fixed;top:24px;left:24px}.jopily-signin .back:hover{color:var(--ink);border-color:var(--line-2)}.jopily-signin .err{color:#ff8a80;margin-top:16px;font-size:12.5px}