@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/geist/v4/gyByhwUxId8gMEwYGFWfOw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/geist/v4/gyByhwUxId8gMEwSGFWfOw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/geist/v4/gyByhwUxId8gMEwcGFU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #155E75;--primary-light: rgba(21, 94, 117, .05);--primary-border: rgba(21, 94, 117, .2);--accent: #D9F99D;--error: #EF4444;--white: #fff;--black: #171717;--g100: #F5F5F5;--g200: #E5E5E5;--g300: #D4D4D4;--g400: #A3A3A3;--g500: #737373;--g600: #525252;--font: "Geist", sans-serif;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 24px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh: 1.5;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--input-h: 48px;--btn-h: 40px;--logo-h: 52px;--icon-size: 80px;--max-w: 1440px;--content-w: 432px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-xl: 16px;--r-full: 50%;--shadow: 0px 1px 2px 0px rgba(0, 0, 0, .05);--transition: .2s ease}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{display:flex;align-items:center;flex-direction:column;background:var(--g100);color:var(--black);font-size:var(--fs-sm);line-height:var(--lh)}a{text-decoration:none;color:inherit;cursor:pointer}h1{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:1.2;color:var(--black)}p{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh)}label{color:var(--g500);font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh)}.auth{display:flex;align-items:center;width:100vw;max-width:var(--max-w);height:100vh}.panel{display:flex;flex-direction:column;width:50%;height:100%}.head,.foot{display:flex;align-items:center;padding:var(--sp-lg)}.logo{width:auto;height:var(--logo-h);object-fit:cover}.content{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--sp-lg);max-width:var(--content-w);height:100%;margin:0 auto}.text{display:flex;flex-direction:column;width:100%;gap:var(--sp-sm)}.text p{color:var(--g500)}.center{text-align:center;align-items:center}form{display:flex;flex-direction:column;width:100%;gap:var(--sp-lg)}.field{display:flex;flex-direction:column;gap:var(--sp-xs)}.input{position:relative;display:flex;align-items:center;padding:0 var(--sp-md);gap:12px;color:var(--g500);border-radius:var(--r-md);background:var(--white);border:1px solid var(--g200);box-shadow:var(--shadow);cursor:text}.input svg{pointer-events:none;flex-shrink:0;color:var(--g500)}.input input{font-family:var(--font);width:100%;height:var(--input-h);padding:0;border:none;color:var(--g500);font-size:var(--fs-md);font-weight:var(--fw-normal);line-height:var(--lh);outline:none;background:transparent}.input input::placeholder{color:var(--g500)}.input input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--white) inset!important;-webkit-text-fill-color:var(--g500)!important}.toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--g500);cursor:pointer;transition:color var(--transition)}.toggle:hover{color:var(--g600)}.actions{display:flex;align-items:center;justify-content:space-between;color:var(--g500);margin-top:2px}.actions a{font-size:var(--fs-sm);transition:color var(--transition)}.actions a:hover{color:var(--primary)}.check{display:flex;align-items:center;gap:var(--sp-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--g300);border-radius:var(--r-sm);background:var(--white);cursor:pointer;position:relative;transition:all var(--transition)}.check input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.check input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.83333 0.5L3.41667 6.91667L0.5 4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.demo{display:flex;flex-direction:column;gap:var(--sp-sm);padding:18px;border-radius:var(--r-lg);background:var(--primary-light);border:1px solid var(--primary-border)}.select{position:relative;display:flex;align-items:center}.select select{font-family:var(--font);appearance:none;width:100%;height:var(--btn-h);padding:0 var(--sp-md);font-size:var(--fs-sm);color:var(--g500);background:var(--white);border:1px solid var(--g200);border-radius:var(--r-md);box-shadow:var(--shadow);cursor:pointer;outline:none;transition:border-color var(--transition)}.select select:focus{border-color:var(--primary)}.select svg{position:absolute;right:var(--sp-md);pointer-events:none;color:var(--g500)}button,.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:100%;height:var(--btn-h);border:none;border-radius:var(--r-md);font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:opacity var(--transition)}button:hover,.btn-primary:hover,.btn-secondary:hover{opacity:.9}button:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--white);background:var(--primary)}.btn-secondary{color:var(--g500);background:var(--g200)}.divider{display:flex;align-items:center;width:100%;gap:var(--sp-lg);color:var(--g500);white-space:nowrap}.divider:before,.divider:after{content:"";display:block;width:100%;height:2px;background:var(--g300)}.link{color:var(--primary);font-weight:var(--fw-bold)}.cover{display:flex;width:50%;height:100%;padding:var(--sp-lg)}.cover-img{width:100%;height:100%;border-radius:var(--r-xl);background-image:url(/cover.png);background-position:left 20%;background-size:cover}.icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);border-radius:var(--r-full);background:var(--accent);color:var(--primary)}.progress{width:100%;height:var(--sp-sm);background:var(--g200);border-radius:var(--r-sm);overflow:hidden}.progress .bar{height:100%;background:var(--accent);transition:width .3s ease}.info{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--g500)}.step{display:none;flex-direction:column;gap:var(--sp-md)}.step.active{display:flex}.roles{display:flex;gap:var(--sp-md)}.role{flex:1;display:flex;flex-direction:column;gap:var(--sp-xs);padding:var(--sp-md);border:1px solid var(--g200);border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:all var(--transition)}.role:hover{border-color:var(--primary)}.role.selected{background:var(--accent);border-color:var(--accent)}.role strong{font-size:var(--fs-md);color:var(--black)}.role span{font-size:var(--fs-sm);color:var(--g500)}.row{display:flex;gap:var(--sp-md)}.row .field,.field.sm{flex:1}.field.lg{flex:3}.btns{display:flex;gap:var(--sp-md);margin-top:var(--sp-sm)}.btns .btn-secondary{flex:0 0 auto}.btns .btn-primary{flex:1}.req{color:var(--error)}.terms{font-size:var(--fs-sm);color:var(--g500)}.terms a{color:var(--primary);font-weight:var(--fw-medium)}.view{display:none;flex-direction:column;gap:var(--sp-lg)}.view.active{display:flex}.error-msg{color:var(--error);font-size:12px;margin-top:2px}@media (max-width: 768px){.cover{display:none}.panel{width:100%}}@media (max-width: 425px){.head{padding:var(--sp-lg) var(--sp-md)}.content{width:100%;min-width:100%;max-width:100%;padding:var(--sp-md);justify-content:flex-start}}
