body.body-portal{background:linear-gradient(180deg,#E5EBF5,#FFFFFF);background-size:100% auto;overflow-x:hidden}body.body-portal:after{content:"";position:absolute;left:-100px;right:-100px;bottom:50%;top:-100px;background:#e8edf7;transform:rotate(4deg)}body.body-portal:before{position:absolute;top:-10px;width:160px;height:75px;background:url(/_next/static/media/lines-top.e3e3df6f.svg) 50% no-repeat;background-size:contain;content:"";right:0}body.body-portal .btn-back{position:fixed;top:20px;left:20px;z-index:1000;padding:10px 16px;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:8px;font-size:12px;font-weight:500;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:all .2s ease;font-family:Montserrat}body.body-portal .btn-back:hover{background-color:#f5f5f5;color:#000;box-shadow:0 4px 12px rgba(0,0,0,.12)}body.body-portal .btn-back:active{transform:scale(.97)}body.body-portal .btn-forgot{font-size:12px;margin-top:5px;text-decoration:underline;color:#333;align-self:flex-end}body.body-portal .auth-page{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;z-index:500}body.body-portal .auth-page .header-block{display:flex;flex-direction:column;align-items:center;text-align:center}body.body-portal .auth-page .logo-block{position:relative;z-index:50000;float:left;max-width:300px;width:100%;margin-bottom:15px}body.body-portal .auth-page .logo-block span{float:left;font-size:10px;margin-top:-10px;color:#3b3b3b;font-style:italic}body.body-portal .auth-page .logo-block span a{text-decoration:underline;color:#3b3b3b}body.body-portal .auth-page .center-page{width:450px;display:flex;flex-direction:column}body.body-portal .auth-page .center-page form{padding:30px;background:#fff;border-radius:12px;display:flex;flex-direction:column;grid-gap:10px}body.body-portal .auth-page .center-page form .password-bar{display:none}body.body-portal .intro-wrapper{width:460px;margin:auto;position:relative;z-index:50000;text-align:center;display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}body.body-portal .intro-wrapper .intro-user{position:relative;width:100%;display:flex;justify-content:center}body.body-portal .intro-wrapper .intro-avatar{width:250px;height:250px;border-radius:100%;background:#cecece;border:4px solid #fff;box-shadow:0 0 144.375px rgba(0,0,0,.07);margin-bottom:20px;position:relative;background-size:cover;background-position:50%}body.body-portal .intro-wrapper .intro-description>div{margin-bottom:20px;float:left;width:100%}body.body-portal .intro-wrapper .tags{position:absolute;height:100%;top:0;left:0;pointer-events:none;z-index:999;width:100%}body.body-portal .intro-wrapper .tags .tag{position:absolute;bottom:-30px;font-size:12px;font-weight:500;padding:6px 12px;border-radius:9999px;white-space:nowrap;opacity:0;animation:floatTag 6s ease-in-out infinite;box-shadow:0 0 15px rgba(0,0,0,.1)}@keyframes floatTag{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-1020%);opacity:0}}body.body-portal #portal{display:flex;z-index:500;position:relative;background:linear-gradient(180deg,#E5EBF5,#FFFFFF)}@media(max-width:1024px){body.body-portal #portal{flex-direction:column;width:100%}}body.body-portal #portal h1,body.body-portal #portal h2,body.body-portal #portal h3,body.body-portal #portal legend{font-family:Montserrat;font-style:normal;font-weight:600}body.body-portal #portal h2{font-size:26px}body.body-portal #portal h1{color:#151d48;font-size:20px;margin-bottom:0;font-weight:400}body.body-portal #portal h3{font-size:18px}body.body-portal #portal .form-intro{display:flex;grid-gap:30px}body.body-portal #portal .form-intro .step-title{display:none}body.body-portal #portal aside{width:260px;height:100vh;flex-direction:column;flex:0 0 260px;background:#fff;z-index:5000;position:-webkit-sticky;position:sticky;top:0;display:flex;padding:20px;border-right:1px solid #e6e6e6}@media(max-width:1024px){body.body-portal #portal aside{width:100%}}body.body-portal #portal aside .logo-block{position:relative;z-index:50000;float:left;max-width:300px;width:100%;margin-bottom:35px}body.body-portal #portal aside .logo-block>a{float:left;width:100%}body.body-portal #portal aside .logo-block span{float:left;font-size:10px;margin-top:-10px;color:#3b3b3b;font-style:italic}body.body-portal #portal aside .logo-block span a{text-decoration:underline;color:#3b3b3b}body.body-portal #portal aside menu{display:flex;flex-direction:column;grid-gap:5px;height:100%}body.body-portal #portal aside menu a{font-family:Montserrat;font-weight:500;color:#1c1c1c;padding:12px;background:#f1f1f1;border-radius:8px;display:flex;align-items:center;grid-gap:5px}body.body-portal #portal aside menu a i{font-style:normal}body.body-portal #portal aside menu a span{font-size:11px}body.body-portal #portal aside menu a.active{background:#5d5fef;color:#fff}body.body-portal #portal aside menu a.btn-logout{margin-top:auto;background:#ffe9e9;color:#9a0707}body.body-portal #portal main{display:flex;flex-direction:column}@media(max-width:1024px){body.body-portal #portal main{padding-top:0}}body.body-portal #portal main .header-bar{width:100%;padding:20px 40px;background:#fff;display:flex;align-items:center}body.body-portal #portal main .header-bar .right-side{margin-left:auto;display:flex;grid-gap:10px;align-items:center}body.body-portal #portal main .header-bar .right-side .name{font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:flex-end}body.body-portal #portal main .header-bar .right-side .name i{font-style:normal}body.body-portal #portal main .header-bar .right-side .name span{font-size:10px;text-decoration:underline}body.body-portal #portal main .header-bar .right-side .avatar{width:50px;height:50px;background-size:cover;background-color:#cecece;background-position:50%;background-repeat:no-repeat;border-radius:12px;flex:0 0 50px}body.body-portal #portal main .profile-wrapper{width:100%;padding:50px 40px;max-width:1000px}body.body-portal #portal main .profile-wrapper.detail-profile .form-intro{justify-content:flex-end}@media(max-width:1024px){body.body-portal #portal main .profile-wrapper{padding:20px}}body.body-portal #portal main .form-intro{flex-direction:row-reverse;align-items:center;margin-bottom:40px}body.body-portal #portal main .checkbox-container{display:flex;grid-gap:10px;flex-wrap:wrap;width:100%;flex-direction:row;max-width:600px}body.body-portal #portal main .checkbox-container>label{width:auto}body.body-portal #portal main fieldset{padding:40px 30px;background:#fff;border-radius:19px;border:1px solid #dbdbdb;margin-bottom:20px}body.body-portal #portal main fieldset.field-experience{display:flex;flex-direction:row;padding:20px;background:#fff;border-radius:18px;margin-bottom:15px}body.body-portal #portal main fieldset.field-experience .emoji{font-size:80px;margin-top:40px;padding-right:20px}body.body-portal #portal main fieldset.field-experience .input-row{float:left;width:100%;position:relative}body.body-portal #portal main fieldset.field-experience span.skill-label{position:absolute;left:0;bottom:-9px;font-weight:500;font-style:italic}body.body-portal #portal main fieldset .radio-item,body.body-portal #portal main fieldset button[role=checkbox]{background:#fff}body.body-portal #portal main fieldset legend{font-size:18px}.casting-table{table-layout:fixed;width:100%;border-collapse:collapse;margin:20px 0;font-size:12px;overflow:hidden}.casting-table .avatar{width:25px;height:25px;border-radius:100%;background-size:cover;border:1px solid #cecece;background-color:#eee}.casting-table td,.casting-table th{padding:10px 14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casting-table thead th{font-weight:600;color:#333;border-bottom:2px solid #000}.casting-table tbody tr:nth-child(2n){background-color:#fafafa}.casting-table a{color:#0073e6;text-decoration:none}.casting-table a:hover{text-decoration:underline}@media(max-width:768px){.casting-table{font-size:13px}.casting-table td,.casting-table th{padding:8px}}