:root{color-scheme:dark;--ptr-bg: #1e1f22;--ptr-surface: #2d2e32;--ptr-line: #3a3b40;--ptr-text: #bcbec3;--ptr-muted: #8e8f94;--ptr-steel: #a9b7c5;--ptr-blue: #57a8f5;--ptr-green: #6aab73;--ptr-orange: #ce8e6d;--ptr-purple: #c87dbb;--ptr-yellow: #b3ae60;--ptr-cyan: #2dbbc5;--ptr-danger: #df6c75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--container: 65rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--ptr-text);background:var(--ptr-bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{min-block-size:100%}body{margin:0;background:var(--ptr-bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--ptr-blue)}a:hover{color:#7cbdf8}:focus-visible{outline:2px solid var(--ptr-blue);outline-offset:3px}.container{inline-size:min(100% - 3rem,var(--container));margin-inline:auto}.page{min-block-size:100vh;overflow:hidden;position:relative}.eyebrow{margin:0 0 var(--space-4);color:var(--ptr-steel);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.muted{color:var(--ptr-muted)}.panel{border:1px solid var(--ptr-line);background:var(--ptr-surface);padding:2rem}.double-panel{border:4px double var(--ptr-purple);background:var(--ptr-surface);padding:clamp(2rem,6vw,6rem) 2rem}.btn{display:inline-flex;min-block-size:2.625rem;align-items:center;justify-content:center;border:1px solid currentColor;padding:.65rem 1.35rem;background:transparent;box-shadow:4px 4px 0 var(--ptr-surface);color:var(--ptr-text);cursor:pointer;font-size:.8125rem;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.btn:disabled{border-color:#54555a;background:#54555a;color:var(--ptr-bg);cursor:not-allowed}:where(.action,.submit,.continue,.save,.cta button){transition:transform .1s ease,box-shadow .1s ease}:where(.action,.submit,.continue,.save,.cta button):active:not(:disabled){box-shadow:none!important;transform:translate(4px,4px)}.btn--primary{border-color:var(--ptr-green);background:var(--ptr-green);color:var(--ptr-bg);font-weight:600}.btn--danger{border-color:var(--ptr-danger);color:var(--ptr-danger)}.btn--text{min-block-size:2.75rem;border:0;padding-inline:0;box-shadow:none;color:var(--ptr-blue)}.field{display:grid;gap:.5rem;margin-block-end:1.25rem}.field label,.field-label{color:var(--ptr-muted);font-size:.75rem}.control{inline-size:100%;min-block-size:2.625rem;border:1px solid var(--ptr-line);border-radius:0;background:var(--ptr-bg);padding:.625rem .75rem;color:var(--ptr-text);font-size:.8125rem}.control::placeholder{color:#6d6e73}.control[aria-invalid=true]{border-color:var(--ptr-orange)}.field-error,.status-error{color:var(--ptr-orange);font-size:.72rem;line-height:1.6}.status-success{color:var(--ptr-green);font-size:.78rem;line-height:1.7}.auth-grid{display:grid;grid-template-columns:minmax(18rem,27.5rem) minmax(18rem,1fr);gap:3.5rem;align-items:start}.auth-copy h1,.page-title{margin:0 0 1.25rem;color:var(--ptr-text);font-size:1.3125rem;font-weight:600}.auth-copy p,.prose{color:var(--ptr-muted);font-size:.875rem;line-height:1.85}.artwork-page{display:flex;flex-direction:column;position:relative;min-block-size:100dvh;overflow:hidden}.artwork-page>main{flex:1 0 auto}.artwork-page:after{position:absolute;z-index:0;inset:auto 50% -30rem auto;inline-size:118.75rem;block-size:68.75rem;background-image:image-set(url(/assets/cta-artwork-v4.avif) type("image/avif"),url(/assets/cta-artwork-v4.png) type("image/png"));background-position:center;background-size:cover;background-repeat:no-repeat;content:"";-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%);pointer-events:none;transform:translate(50%)}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:0;background:transparent;padding:.25rem 0;color:var(--ptr-orange);cursor:pointer;font-size:.78rem}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes ptr-blink{0%,45%,to{opacity:1}50%,95%{opacity:0}}@media(max-width:720px){.container{inline-size:min(100% - 2rem,var(--container))}.page{padding-block-start:2rem}.panel{padding:1.5rem}.auth-grid{grid-template-columns:1fr;gap:2.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
