.register-studio{max-width:1060px;display:grid;grid-template-columns:1fr 460px;gap:65px;padding-top:45px;padding-bottom:65px;color:#eef4f3;align-items:start}.register-story{position:relative;min-width:0;padding:18px 0;overflow:hidden}.register-home{display:inline-flex;align-items:center;gap:9px;color:#94a6ac;font-size:11px;text-decoration:none}.register-home svg,.register-story-bottom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.register-story-copy{margin-top:48px;position:relative;z-index:1}.register-kicker{font-size:8px;font-weight:700;letter-spacing:.16em;color:#bdcdba;display:flex;align-items:center;gap:9px}.register-kicker i{width:6px;height:6px;border-radius:50%;background:#b8ff00;box-shadow:0 0 12px #b8ff0060}.register-story h1{font-size:clamp(50px,5.8vw,72px);line-height:1.03;letter-spacing:-.065em;margin:22px 0;font-weight:800}.register-story h1 em{font-style:normal;color:#c3f77b}.register-story-copy p{max-width:340px;color:#9bafb3;font-size:13px;line-height:1.8}.register-art{height:245px;position:relative;margin-top:28px;isolation:isolate}.register-art-orbit{position:absolute;inset:-30px -5px -10px;background:radial-gradient(ellipse,#b8ff0010,transparent 67%);z-index:-1}.register-art-sheet{position:absolute;border:1px solid #b0d38532;border-radius:18px;width:185px;height:180px;padding:22px;box-sizing:border-box;background:linear-gradient(135deg,#233023,#121c1b);box-shadow:0 20px 50px #0004}.register-art-sheet>span{font-size:7px;letter-spacing:.16em;color:#9cbaa0}.sheet-back{top:10px;left:24%;transform:rotate(12deg);background:#16201e}.sheet-front{top:35px;left:7%;transform:rotate(-9deg);animation:register-card-float 7s ease-in-out infinite}.sheet-front svg{width:70px;height:70px;display:block;margin:16px auto;fill:none;stroke:#c1ff6d;stroke-width:1}.sheet-front small{display:block;text-align:center;color:#bacbb3;font-size:9px}.register-art-lines{height:80px;margin-top:23px;background:repeating-linear-gradient(transparent 0 15px,#b8ff0015 15px 16px)}.register-art-dot{position:absolute;top:75px;left:75%;width:9px;height:9px;border-radius:50%;background:#b8ff00;box-shadow:0 0 24px #b8ff0050}.register-story-bottom{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-size:9px;color:#829a93}.register-story-bottom>span{display:flex;align-items:center;gap:6px}.register-story-bottom svg{color:#bdd690;width:14px;height:14px}.register-account{padding:30px;border:1px solid #ffffff15;border-radius:24px;background:linear-gradient(145deg,#182227,#10191d);box-shadow:0 20px 70px #0002,inset 0 1px #ffffff05;animation:register-enter .4s ease-out}.register-account-heading small{font-size:8px;font-weight:700;letter-spacing:.13em;color:#b6c99e}.register-account-heading h2{font-size:30px;letter-spacing:-.045em;margin:10px 0}.register-account-heading p{font-size:11px;color:#8fa6b1;margin:0}.register-account .social-auth-options{margin:24px 0 18px;gap:9px}.register-account .social-auth-button{min-height:45px;font-size:12px;border-color:#35474f;background:#ffffff02}.register-account .social-provider-logo{width:19px;height:19px;flex-basis:19px}.register-account .auth-method-divider{margin:19px 0;font-size:9px}.register-account .login-form{display:grid;gap:15px}.register-account .login-form>label{display:block;font-size:11px;font-weight:600;color:#c5d3d8}.register-account .login-field{display:flex;align-items:center;width:100%;margin-top:7px;min-height:46px;border:1px solid #344a54;border-radius:10px;background:#091418;transition:border-color .2s,box-shadow .2s}.register-account .login-field:focus-within{border-color:#94c856;box-shadow:0 0 0 3px #b8ff0008}.register-account .login-field>i{display:grid;place-items:center;flex:0 0 37px;color:#728e98}.register-account .login-field-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.register-account .login-field input{width:100%;min-width:0;border:0;background:transparent;color:#eff6f6;padding:12px 10px 12px 0;outline:0;font-family:inherit;font-size:12px;font-weight:400;box-shadow:none;border-radius:10px}.register-account input::placeholder{color:#667e89;font-size:11px}.register-account [data-password-toggle]{display:grid;place-items:center;flex:none;width:37px;height:40px;border:0;background:transparent;color:#8499a1;cursor:pointer}.register-account [data-password-toggle] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.register-account .username-status{display:block;font-size:8px;line-height:1.6;font-weight:400;color:#849da8;margin-top:6px}.register-account .username-status.available{color:#b8ef79}.register-account .username-status.unavailable{color:#ffb5b5}.register-account .registration-legal-notice{font-size:9px;line-height:1.8;color:#8ca3ae;margin:3px 0}.register-account .registration-legal-notice a{color:#bad3a0;text-underline-offset:3px}.register-account .login-submit{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border:1px solid #c6f58b;border-radius:11px;background:linear-gradient(115deg,#b8ff00,#c9f78c);color:#17210b;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;min-height:47px;transition:filter .2s}.register-account .login-submit:hover{filter:brightness(1.07)}.register-existing{text-align:center;font-size:10px;color:#93a7ad;margin:21px 0 0}.register-existing a{color:#d1edae;font-weight:700;margin-left:5px;text-decoration:none}.register-account :is(button,a):focus-visible,.register-home:focus-visible{outline:2px solid #b8ff00;outline-offset:4px}@keyframes register-card-float{50%{translate:0 -6px}}@keyframes register-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:950px){.register-studio{grid-template-columns:minmax(0,1fr) 420px;gap:30px}.register-story h1{font-size:58px}.register-account{padding:25px}}@media(max-width:700px){.register-studio{display:block;max-width:460px;padding-top:18px;padding-bottom:105px}.register-story{padding:0;overflow:visible}.register-story-copy,.register-art,.register-story-bottom{display:none}.register-home{margin:0 0 18px;font-size:10px}.register-account{padding:24px 20px;border-radius:21px}.register-account-heading h2{font-size:29px}.register-account .login-field input{font-size:16px}.register-account .login-field{min-height:48px}.register-account .username-status{font-size:9px}.register-account .registration-legal-notice{font-size:10px}.register-account .login-submit{min-height:49px;font-size:13px}}@media(prefers-reduced-motion:reduce){.sheet-front,.register-account{animation:none}}

.register-story-copy{margin-top:38px}.register-story h1{font-size:clamp(43px,4.9vw,61px);line-height:1.07;letter-spacing:-.055em}.register-story-copy p{max-width:390px;font-size:12px}.register-benefits{display:grid;gap:13px;margin:30px 0 25px}.register-benefits article{display:flex;align-items:center;gap:13px;padding:10px 2px}.register-benefit-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;border:1px solid #b8ff0020;background:#b8ff0006;color:#c1e997}.register-benefit-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.register-benefits h3{font-size:13px;font-weight:700;margin:0 0 5px;letter-spacing:-.01em}.register-benefits p{font-size:10px;line-height:1.6;color:#8fa59e;margin:0}.register-benefits .register-benefit-featured{position:relative;padding:20px 17px;border:1px solid #b8ff0035;border-radius:17px;background:radial-gradient(ellipse at right top,#b8ff0013,transparent 65%),linear-gradient(135deg,#1d2a20,#101c1a);box-shadow:inset 0 1px #ffffff06}.register-benefit-featured>div{min-width:0}.register-benefit-featured small{font-size:6px;letter-spacing:.1em;color:#a4bf91}.register-benefit-featured h3{font-size:22px;color:#d9f9b5;letter-spacing:-.035em;margin:7px 0 6px}.register-benefit-free{position:absolute;right:13px;top:12px;font-size:6px;letter-spacing:.1em;color:#a9cf84}.register-story-bottom{border-top:1px solid #ffffff0b;padding-top:17px}.register-account{border-color:#b8ff0025}@media(max-width:950px){.register-story h1{font-size:49px}.register-benefit-featured h3{font-size:20px}}@media(max-width:700px){.register-story-copy{display:block;margin:4px 0 20px}.register-kicker{font-size:7px}.register-story h1{font-size:35px;margin:14px 0;line-height:1.08}.register-story h1 em br{display:none}.register-story-copy p{font-size:11px;line-height:1.7;max-width:100%}.register-benefits{gap:7px;margin:17px 0 22px}.register-benefits article{padding:7px 0}.register-benefits .register-benefit-featured{padding:15px}.register-benefits h3{font-size:11px}.register-benefits p{font-size:9px}.register-benefit-featured h3{font-size:20px}.register-benefit-icon{width:31px;height:31px}.register-benefits article:not(:first-child) p{display:none}.register-story-bottom{display:none}}
/* Compact registration on phones */
@media(max-width:700px){
 .register-studio{padding-top:8px;padding-bottom:95px}
 .register-home{margin-bottom:11px;font-size:9px;gap:6px}
 .register-story-copy{margin:0 0 10px}
 .register-kicker{font-size:6px;letter-spacing:.12em;gap:6px}
 .register-story h1{font-size:27px;line-height:1.1;margin:10px 0;letter-spacing:-.045em}
 .register-story h1 br{display:none}
 .register-story h1 em{display:block}
 .register-story h1 em br:after{content:' '}
 .register-story-copy p{font-size:10px;line-height:1.5;margin:0;max-width:100%}
 .register-benefits{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 16px}
 .register-benefits .register-benefit-featured{grid-column:1 / -1;padding:12px;gap:10px;border-radius:13px}
 .register-benefit-featured small{font-size:5px;letter-spacing:.08em}
 .register-benefit-featured h3{font-size:18px;margin:4px 0}
 .register-benefit-featured p{font-size:8px;line-height:1.4}
 .register-benefit-free{top:9px;right:10px;font-size:5px}
 .register-benefits article:not(:first-child){gap:7px;padding:7px 8px;border:1px solid #ffffff0b;border-radius:10px;background:#ffffff02;align-items:center}
 .register-benefits article:not(:first-child) h3{font-size:9px;line-height:1.4;margin:0}
 .register-benefit-icon{width:27px;height:27px;border-radius:8px}
 .register-benefit-icon svg{width:16px;height:16px}
 .register-account{padding:20px 17px;border-radius:18px}
 .register-account-heading small{font-size:7px}
 .register-account-heading h2{font-size:25px;margin:7px 0}
 .register-account-heading p{font-size:10px}
 .register-account .social-auth-options{margin:17px 0 13px;gap:8px}
 .register-account .auth-method-divider{margin:14px 0}
 .register-account .login-form{gap:12px}
 .register-account .login-field{min-height:45px}
}
@media(max-width:700px){.register-studio .register-story{display:none}.register-studio{padding-top:12px}}
@media(max-width:700px){body:has(.register-studio) #conteudo{padding-top:0!important;margin-top:0!important}body:has(.register-studio) .site-header{margin-bottom:10px!important}.register-studio.shell{margin-top:0!important;padding-top:0!important}.register-studio .register-account{margin-top:0!important}}

/* Keep browser autofill inside the shared login/register field styling. */
.register-account .login-field{box-sizing:border-box;overflow:hidden;color-scheme:dark}
.register-account .login-field>input{
 flex:1 1 0%;width:0;min-width:0;min-height:44px;margin:0;
 box-sizing:border-box;border:0;border-radius:0;
 background:transparent;color:#eff6f6;caret-color:#eff6f6;
 padding:12px 10px 12px 0;box-shadow:none;
}
.register-account .login-field>input:autofill{
 box-shadow:0 0 0 1000px #091418 inset;
 color:#eff6f6;caret-color:#eff6f6;
}
.register-account .login-field>input:-webkit-autofill,
.register-account .login-field>input:-webkit-autofill:hover,
.register-account .login-field>input:-webkit-autofill:focus,
.register-account .login-field>input:-webkit-autofill:active{
 -webkit-box-shadow:0 0 0 1000px #091418 inset;
 box-shadow:0 0 0 1000px #091418 inset;
 -webkit-text-fill-color:#eff6f6;caret-color:#eff6f6;
}
.register-account .login-field>[data-password-toggle]{flex:0 0 37px;margin:0;padding:0}
@media(max-width:700px){.register-account .login-field>input{min-height:46px;font-size:16px}}
