:root{--paper:#f3f0e8;--ink:#08090c;--blue:#0739ff;--coral:#ff6858}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Mono',monospace;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.signup-header{height:74px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.signup-brand{display:flex;align-items:center;gap:12px}.signup-brand img{width:43px;height:43px;object-fit:contain}.signup-brand span{font-family:Inter,sans-serif;font-size:38px;font-weight:900;letter-spacing:-1.8px}.signup-header nav{display:flex;align-items:center;gap:34px;font-size:16px}.back-home{display:flex;align-items:center;gap:12px}.back-home>span:last-child{font-size:24px}.language-switch{border-left:1px solid var(--ink);height:41px;display:flex;align-items:center;gap:13px;padding-left:34px}.language-switch button{background:none;border:0;padding:6px 0;font-size:18px}.language-switch button[aria-pressed=true]{color:var(--blue);font-weight:600}.signup-layout{display:grid;grid-template-columns:58% 42%;min-height:calc(100dvh - 74px)}.signup-art{position:relative;overflow:hidden;min-height:918px;border-right:1px solid var(--ink);isolation:isolate}.art-copy{position:relative;z-index:3;padding:24px 5.5% 0;pointer-events:none}.art-copy h1{font-family:Anton,Impact,sans-serif;font-size:clamp(74px,8.1vw,138px);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0}.coral-dot{color:var(--coral)}.art-copy p{font-size:20px;line-height:1.5;margin:20px 0 0}.signup-art>img{position:absolute;display:block;height:auto;pointer-events:none;user-select:none}.world-main{width:88%;right:1%;top:15%;z-index:2}.world-castle{width:19%;left:1%;top:55%;opacity:.58;z-index:1}.world-islet{opacity:.6;z-index:1}.islet-one{width:6%;left:19%;top:62%}.islet-two{width:8%;left:5%;top:71%}.world-clouds{width:115%;left:-7%;bottom:-2px;z-index:1}.signup-form-section{padding:86px 7.8% 40px;display:flex;align-items:flex-start}.form-inner{width:100%;max-width:620px;margin:0 auto}.form-inner h2{font-family:Inter,sans-serif;font-size:clamp(36px,3.65vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.15;margin:0 0 10px;white-space:nowrap}.form-lead{font-size:clamp(15px,1.4vw,24px);line-height:1.5;margin:0 0 38px;white-space:nowrap}.field{margin-bottom:26px}.field>label{display:block;font-size:18px;line-height:1.5;margin-bottom:7px}.field input{width:100%;height:62px;border:1.5px solid var(--ink);background:#ffffff85;border-radius:0;padding:12px 19px;font-size:18px;box-shadow:none}.field input::placeholder{color:#737e8b;opacity:1}.password-input{position:relative}.password-input input{padding-right:56px}.password-input button{position:absolute;right:0;top:0;height:62px;width:55px;display:grid;place-items:center;border:0;background:none}.password-input svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}.password-field #password-help{color:#737e8b;font-size:14px;line-height:1.5;margin:10px 0 0}.password-field{margin-bottom:34px}.terms-line{display:flex;align-items:center;gap:20px;font-size:15px;line-height:1.6}.terms-line>input{appearance:none;width:27px;height:27px;flex-shrink:0;border:1.5px solid var(--ink);margin:0;background:#ffffff70;border-radius:0;cursor:pointer;position:relative}.terms-line>input:checked{background:var(--blue);border-color:var(--blue)}.terms-line>input:checked:after{content:'';position:absolute;left:7px;top:3px;width:8px;height:14px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.text-link{background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}.privacy-line{font-size:15px;line-height:1.6;margin:20px 0 24px}.submit-account{width:100%;height:63px;background:var(--blue);border:1px solid var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;font-size:22px}.submit-account>span:last-child{font-size:31px}.submit-account:hover{background:#002de1}.login-line{text-align:center;font-size:17px;line-height:1.6;margin:26px 0 0}.login-line a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}#form-status{border-left:3px solid var(--blue);padding:10px 13px;background:#0739ff09;font-size:13px;line-height:1.6;margin:15px 0 0}#form-status[hidden]{display:none}.field-error:empty{display:none}dialog{background:var(--paper);border:1px solid var(--ink);padding:28px;width:460px;max-width:calc(100% - 32px)}dialog::backdrop{background:#08090c80}dialog h2{font:800 26px Inter,sans-serif;margin:0 0 15px}dialog p{font-size:14px;line-height:1.7}dialog button{background:var(--blue);color:white;border:0;padding:10px 20px;margin-top:10px}.login-mode .username-field,.login-mode .terms-line{display:none}
@media(min-width:1800px){.signup-art{min-height:calc(100dvh - 74px)}.world-main{top:10%;width:89%}.signup-form-section{padding-top:100px}.art-copy{padding-top:28px}}
@media(max-width:1200px){.signup-art{min-height:850px}.art-copy h1{font-size:8.1vw}.art-copy p{font-size:16px}.signup-form-section{padding:65px 7% 30px}.form-inner h2{font-size:3.6vw;letter-spacing:-1.5px}.form-lead{font-size:1.4vw;white-space:normal;margin-bottom:30px}.field>label{font-size:15px}.field input{font-size:15px;height:56px;padding:10px 13px}.password-input button{height:56px}.terms-line,.privacy-line{font-size:12px}.terms-line{gap:12px}.login-line{font-size:14px}.world-main{top:24%;width:96%;right:-2%}.world-castle{top:61%}.islet-one{top:68%}.islet-two{top:77%}}
@media(max-width:800px){.signup-header{height:68px;padding:0 5%}.signup-brand span{font-size:29px;letter-spacing:-1px}.signup-brand img{width:34px;height:34px}.signup-brand{gap:8px}.signup-header nav{gap:18px;font-size:12px}.language-switch{height:30px;padding-left:18px;gap:9px}.language-switch button{font-size:14px}.back-home>span:last-child{font-size:19px}.signup-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 68px)}.signup-form-section{order:0;padding:38px 6% 42px}.form-inner{max-width:540px}.form-inner h2{font-size:clamp(32px,7vw,52px);letter-spacing:-1.5px}.form-lead{font-size:15px;margin-bottom:30px}.field{margin-bottom:22px}.field>label{font-size:15px}.field input{height:56px;font-size:16px}.password-input button{height:56px}.password-field{margin-bottom:26px}.password-field #password-help{font-size:12px}.terms-line,.privacy-line{font-size:12px}.submit-account{font-size:19px;height:57px}.login-line{font-size:14px;margin-top:23px}.signup-art{order:1;min-height:720px;border-right:0;border-top:1px solid var(--ink)}.art-copy{padding:25px 6% 0}.art-copy h1{font-size:clamp(64px,13vw,90px)}.art-copy p{font-size:15px;margin-top:18px}.world-main{width:88%;right:-1%;top:21%}.world-castle{width:18%;top:60%;left:0}.islet-one{top:67%;left:17%;width:7%}.islet-two{top:77%;width:9%}.world-clouds{width:130%;left:-15%}}
@media(max-width:400px){.back-home>span:first-child{max-width:65px;line-height:1.3}.signup-header nav{gap:12px}.language-switch{padding-left:12px}.signup-brand span{font-size:26px}.signup-brand img{width:30px;height:30px}.signup-art{min-height:630px}}
@media(min-width:801px){.world-main{width:85%;right:0}.world-castle{width:28%;left:-3%;top:53%}.art-copy p{font-size:19px}}
/* Single-viewport account screen. Keep the entire form reachable without scrolling. */
html,body{height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column}.signup-header{height:64px;flex:0 0 64px}.signup-layout{flex:1;min-height:0;height:calc(100dvh - 64px)}.signup-art{min-height:0;height:100%;order:0;border-right:1px solid var(--ink);border-top:0}.art-copy{padding-top:18px}.art-copy h1{font-size:min(8.1vw,14.3dvh)}.art-copy p{font-size:clamp(14px,1.2vw,19px);margin-top:14px}.world-main{width:94%;height:91%!important;object-fit:contain;object-position:right bottom;right:0;top:auto;bottom:0}.world-castle{top:57%;width:27%}.islet-one{top:66%}.islet-two{top:76%}.world-clouds{max-height:26%;object-fit:fill}.signup-form-section{order:1;min-height:0;padding:18px 7.8%;align-items:center;justify-content:center;overflow:hidden}.form-inner{flex-shrink:0;transform-origin:center center}.form-inner h2{font-size:clamp(30px,3.5vw,60px);margin-bottom:7px}.form-lead{font-size:clamp(13px,1.25vw,21px);margin-bottom:clamp(14px,2.4dvh,26px)}.field{margin-bottom:clamp(9px,1.6dvh,18px)}.field>label{font-size:clamp(13px,1.05vw,17px);margin-bottom:5px}.field input{height:clamp(40px,5.2dvh,56px);font-size:clamp(14px,1.1vw,18px);padding:10px 15px}.password-input button{height:clamp(40px,5.2dvh,56px)}.password-field #password-help{font-size:12px;margin-top:6px}.password-field{margin-bottom:clamp(13px,2dvh,23px)}.terms-line{font-size:clamp(11px,.95vw,15px);gap:12px}.terms-line>input{width:23px;height:23px}.privacy-line{font-size:clamp(11px,.95vw,15px);margin:12px 0 17px}.submit-account{height:clamp(42px,5.3dvh,58px);font-size:clamp(16px,1.3vw,22px)}.login-line{font-size:clamp(12px,1vw,17px);margin-top:15px}.auth-divider{display:flex;align-items:center;gap:12px;color:#767972;font-size:11px;margin:11px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#08090c25}.google-signin{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:clamp(42px,5.3dvh,56px);background:#ffffff80;border:1px solid var(--ink);font-size:clamp(14px,1.1vw,18px)}.google-signin svg{width:20px;height:20px;flex-shrink:0}.google-signin:hover{background:#fff}.terms-line>input:checked:after{left:6px;top:2px;width:7px;height:12px}
@media(max-width:800px){.signup-header{flex-basis:60px;height:60px}.signup-layout{height:calc(100dvh - 60px);display:flex}.signup-art{display:none}.signup-form-section{width:100%;height:100%;padding:14px 6%}.form-inner{max-width:460px}.form-inner h2{font-size:clamp(30px,7.5vw,44px);letter-spacing:-1.2px}.form-lead{font-size:13px;margin-bottom:18px}.field>label{font-size:13px}.field input{font-size:16px}.terms-line,.privacy-line{font-size:11px}.login-line{font-size:12px}.signup-brand span{font-size:27px}.signup-header nav{font-size:11px}.back-home>span:first-child{max-width:none}.language-switch{padding-left:13px}.google-signin{font-size:14px}.submit-account{font-size:17px}}
.forgot-line{display:none}.login-mode .forgot-line{display:block;text-align:right;margin:10px 0 28px;font-size:clamp(12px,1.05vw,17px)}.login-mode #password-help{display:none}.login-mode .password-field{margin-bottom:0}.login-mode .form-lead{margin-bottom:clamp(28px,4dvh,50px)}.login-mode .field{margin-bottom:clamp(20px,3.2dvh,40px)}.login-mode .password-field{margin-bottom:0}.login-mode .form-inner h2{font-size:clamp(40px,4.6vw,76px)}.login-mode .art-copy h1{font-size:min(7.6vw,14dvh);line-height:1.07}.login-mode .art-copy p{font-size:clamp(14px,1.25vw,21px);line-height:1.5;margin-top:20px}.login-mode .world-castle,.login-mode .world-islet,.login-mode .world-clouds{display:none}.login-mode .world-main{width:100%;height:100%!important;object-fit:cover;object-position:right bottom;right:0;bottom:0}.login-mode .login-line{margin-top:24px}.login-mode .form-inner{max-width:620px}
@media(max-width:800px){.login-mode .form-inner h2{font-size:40px}.login-mode .form-lead{font-size:13px;margin-bottom:30px}.login-mode .forgot-line{font-size:12px;margin-bottom:25px}.login-mode .field{margin-bottom:24px}.login-mode .password-field{margin-bottom:0}}
.login-mode .world-main{height:91%!important;object-fit:fill}
.demo-auth-note{font-size:11px;line-height:1.5;color:#525b65;border-left:2px solid var(--blue);padding-left:10px;margin:0 0 16px}.demo-google-confirm{margin-right:12px} .header nav>button{background:none;border:0;cursor:pointer}

.field-error, #form-status {
  color: #a22030;
  font-size: 13px;
  line-height: 1.4;
  margin: 4px 0 0;
}

#form-status { margin-bottom: 8px; }
.field input[aria-invalid="true"] { border-color: #a22030; }

#registration-success {
  width: 712px;
  padding: 28px 24px clamp(32px, 7vw, 62px);
  text-align: center;
}

#registration-success .tintfolk-logo {
  width: 188px;
  margin: 0 auto 28px;
}

.registration-check {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 20px;
  background: var(--blue);
  color: var(--paper);
  font: 700 28px Arial, sans-serif;
}

#registration-success h2 { font: 700 clamp(28px, 7vw, 44px)/1.15 Arial, sans-serif; }
#registration-success p { font-size: clamp(16px, 4vw, 21px); margin: 0 0 32px; }
#registration-success a {
  display: inline-grid;
  place-items: center;
  width: min(100%, 264px);
  min-height: 61px;
  background: var(--blue);
  color: var(--paper);
  font-weight: 700;
}