@font-face{font-family:Roboto-light;src:url(../fonts/Roboto-Light.ttf);font-weight:lighter}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf)}@font-face{font-family:RobotoBold;src:url(../fonts/Roboto-Bold.ttf)}@font-face{font-family:RobotoThin;src:url(../fonts/Roboto-Thin.ttf)}*{font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box}html,body{margin:0;padding:0;height:100%}h1,h2,h3,h4,h5,h6{font-family:"Roboto-Light",Arial,Helvetica,sans-serif;margin:0}[x-cloak]{display:none !important}.container{width:100%;max-width:80%;margin:auto;height:100%}section#main{display:flex;flex-direction:column;min-height:100vh;width:100%;justify-content:space-between;margin:0}.login{background-color:#475569;overflow:hidden}.login .content-img{height:100vh;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative}.login .content-img:before{position:absolute;top:0;left:0;content:"";height:100vh;width:100%;background:rgba(0,0,0,.4)}.login .page{height:100vh;display:flex;flex-direction:column;justify-content:space-around;max-width:40%;align-items:center}.content-img{height:100vh;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;animation-name:bganimation;animation-duration:1s}.content-img::after{content:"";display:inline-flex;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("/imgs/dot01.png");opacity:1}section#main.myaccount{background-color:#0f172a;justify-content:start;min-height:100vh;flex-grow:1}section#main.myaccount .main.container{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:space-between;background-color:aqua;flex-grow:1}section#main.myaccount .page{width:100%;height:100%;display:inline-flex;flex-direction:column}section#main.error{background-color:#0f172a;color:#cbd5e1}section#main.error .container{display:flex;justify-content:center;flex-direction:column;align-items:center}section#main.error .comp-link.button{background-color:#0b42d8;color:#fff}section#main.error .comp-link.button:hover{background-color:#062477}.comp-login-box,.comp-login-forgot{box-sizing:content-box;background-color:#f1f5f9;border-radius:.5rem;width:320px;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1);position:relative;border-top:100px solid #0b42d8;padding-top:60px}.comp-login-box .comp-logo,.comp-login-forgot .comp-logo{padding:0;margin:0;width:100%;position:absolute;top:-60px;display:inline-flex;align-items:center;justify-content:center}.comp-login-box content.inputs,.comp-login-forgot content.inputs{width:100%;display:inline-flex;flex-direction:column;gap:1rem;padding:1.8rem}.comp-login-box content.inputs input.comp-input,.comp-login-forgot content.inputs input.comp-input{font-size:16px;width:100%;border:1px solid #cbd5e1}.comp-login-box content.inputs input.comp-input:focus,.comp-login-forgot content.inputs input.comp-input:focus{border:1px solid #94a3b8}.comp-login-box group.label-input-group,.comp-login-forgot group.label-input-group{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:1rem}.comp-login-box group.label-input-group i.fa-solid,.comp-login-forgot group.label-input-group i.fa-solid{color:#64748b}.comp-login-box a.comp-link,.comp-login-forgot a.comp-link{width:100%;text-align:center;padding-top:1rem}.comp-login-box .buttons,.comp-login-forgot .buttons{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:0 1.8rem;padding-bottom:1.5rem}.comp-login-box .buttons button.comp-button,.comp-login-forgot .buttons button.comp-button{background-color:#0b42d8}.comp-login-box .buttons button.comp-button:hover,.comp-login-forgot .buttons button.comp-button:hover{background-color:#0933a7}.comp-login-box .buttons a.comp-link,.comp-login-forgot .buttons a.comp-link{color:#fff;background-color:#475569}.comp-login-box .buttons a.comp-link:hover,.comp-login-forgot .buttons a.comp-link:hover{background-color:#1e293b}.comp-login-forgot p{text-align:center}a.comp-link{display:inline-flex;align-items:center;border-radius:.5rem;width:auto;padding:.5rem 1rem;gap:.5rem}a.comp-link.button{text-decoration:none;font-weight:bold;display:inline-flex;align-items:center;border-radius:.5rem;width:auto;padding:.5rem 1rem;gap:.5rem;background-color:#0b42d8;color:#fff}a.comp-link.button:hover{background-color:#000}label.comp-label{display:inline-flex;align-items:center;gap:1rem}label.comp-label i{font-size:24px}button.comp-button{padding:.5rem 1rem;font-size:16px;border:0;font-weight:bold;background-color:#94a3b8;color:#fff;border-radius:.5rem;display:inline-flex;align-items:center;gap:.5rem}input.comp-input{border-radius:.5rem;border:1px solid #cbd5e1;padding:.5rem .8rem;font-size:14px}input.comp-input:focus{border:1px solid #475569;outline:none}input.comp-input-button{padding:.5rem 1rem;font-size:16px;border:0;font-weight:bold;background-color:#0b42d8;color:#fff;border-radius:.5rem;display:inline-flex;align-items:center;cursor:pointer;gap:.5rem;background-color:#0b42d8}input.comp-input-button:hover{background-color:#0933a7}span.comp-input-error{color:red;display:inline-flex;width:100%;justify-content:center;align-items:center;font-size:14px;padding-top:.3rem}.comp-message{display:inline-flex;align-items:center;flex-wrap:wrap;padding:0 1.8rem;padding-top:1.5rem;text-align:center}.comp-image-box{width:100%;min-height:300px;background-position:center;background-repeat:no-repeat;background-size:cover}.comp-topbar{background-color:#0f172a;display:flex;align-items:center;border-bottom:2px solid #64748b;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1)}.comp-topbar .container{display:flex;justify-content:space-between;color:#fff;align-items:center;flex-shrink:1;position:relative;height:50px}.comp-logo{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:#94a3b8;font-size:20px;font-weight:bold;letter-spacing:.3rem}.comp-title{color:#0f172a;display:inline-flex;padding-bottom:1rem;padding-top:1rem;align-items:center;justify-content:right;width:100%;gap:.8rem;padding-right:1.5rem;background-color:#fff}.comp-title h1{font-weight:bold;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:20px}.comp-title i.fa-solid{font-size:28px}.comp-banner{background-color:#cfd7f7;width:100%;padding:1.5rem;display:inline-flex;align-items:center;justify-content:space-between;position:relative;gap:0 1rem}.comp-banner span{flex-grow:1}.comp-banner i.fa-solid{font-size:32px;display:inline-flex;justify-content:center;color:#0b42d8}.comp-banner button{font-size:24px;width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;position:relative;top:-20px;right:-1rem;border:none;outline:none}.comp-banner button i.fa-solid{font-size:16px;color:#475569}.comp-banner button:hover{border-radius:10rem;background-color:#1e293b}.comp-banner button:hover i.fa-solid{color:#fff}.comp-banner.warning{background-color:#fffbe7}.comp-banner.warning i.fa-solid{color:#ffae00}.comp-banner.success{background-color:#c8ffde}.comp-banner.success i.fa-solid{color:green}.comp-banner.fail{background-color:#ffc8c8}.comp-banner.fail i.fa-solid{color:red}.comp-tabs .tabs{background-color:#e2e8f0;margin-top:-1.7rem;padding-left:1rem;border-bottom:4px solid #0b42d8;padding-bottom:.5rem;box-sizing:border-box}.comp-tabs .tabs a{border:0;outline:0;font-size:16px;background-color:#e2e8f0;border:2px solid #fff;border-bottom:none;border-radius:.5rem .5rem 0 0;padding:.5rem 1.5rem;text-decoration:none}.comp-tabs .tabs a:hover{background-color:#ffae00;color:#0f172a;border-color:#ffae00}.comp-tabs .tabs a.active{background-color:#0b42d8;color:#fff;border-color:#0b42d8}.comp-tabs .tabs-content{padding:2rem}.comp-input-group{display:inline-flex;width:100%;flex-direction:column;text-align:center;white-space:nowrap}.comp-input-group label{padding-bottom:.5rem;padding-top:1rem;text-transform:uppercase;font-weight:bold;color:#0b42d8;font-size:18px}.comp-input-group .input{display:inline-flex;align-items:center;width:100%;justify-content:center;gap:1rem}.comp-input-group .input i.fa-solid{font-size:24px;color:#475569;display:inline-block;width:30px}.comp-input-group .input input{border:1px solid #cbd5e1;font-size:16px;padding:.5rem;width:90%;outline:0;border-radius:.5rem}.comp-input-group .info{display:inline-flex;flex-direction:column;padding-bottom:.5rem}.comp-input-group .info .help{font-size:12px;padding:.2rem}.comp-input-group .info .error{display:inline-flex;width:fit-content;align-items:center;justify-content:center;color:#fff;background-color:red;font-size:14px;border-radius:1rem;padding:.1rem .5rem;margin:auto;margin-top:5px}.comp-checkbox{padding:.1rem 0}.comp-icon-text{display:inline-flex;align-items:center;gap:.5rem}.comp-user-menu{align-items:center;height:100%;position:relative}.comp-user-menu button{cursor:pointer;height:100%;outline:0;border:0;display:inline-flex;align-items:center;gap:.8rem;background-color:#0b42d8;padding:0 1.5rem;color:#fff}.comp-user-menu button:hover{background-color:#062477}.comp-user-menu button .fa-solid{font-size:16px;display:inline-flex;align-items:center}.comp-user-menu menu{position:absolute;z-index:30;right:0px;top:35px;min-width:150px;background-color:#f1f5f9;padding:0;display:inline-flex;flex-direction:column;border-radius:0px 0px .3rem .3rem;overflow:hidden;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1);padding:.5rem 0}.comp-user-menu menu .comp-link{text-decoration:none;padding:.6rem 1.5rem;white-space:nowrap;border-radius:0;gap:.8rem;color:#1e293b;padding-right:5rem}.comp-user-menu menu .comp-link:hover{background-color:#1e293b;color:#fff}.comp-user-menu menu hr{width:100%;border:1px dotted #cbd5e1}.comp-header{background-color:#151d30;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1)}.comp-header .comp-image-box{width:100%;min-height:300px;position:relative}.comp-header .comp-image-box::after{content:"";display:inline-flex;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("/src/imgs/pt1.png");opacity:.5}.comp-header .container{position:relative;height:60px;display:flex;align-items:center;justify-content:start;background-color:#151d30}.comp-header .picture{position:absolute;left:-1rem;top:-30px;height:130px;width:130px;border-radius:100%;background-color:#000;border:4px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;font-size:80px;color:#cbd5e1;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1)}.comp-header h1.name{font-size:20px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#334155;background-color:#0b42d8;height:100%;padding-left:8.5rem;padding-right:3rem;display:inline-flex;flex-direction:column;justify-content:center;border-radius:0px 10rem 10rem 0px;color:#fff;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1)}.comp-header .info{display:inline-flex;align-items:center;border-radius:0px 10rem 10rem 0px;padding:1rem;padding-left:2rem;margin-left:10px;border-left:0;flex-grow:1;gap:2.5rem}.comp-header .info i.fa-solid{font-size:20px;color:#64748b}.comp-header .info span{display:inline-flex;align-items:center;gap:.3rem}.comp-header .partner{font-weight:bold}.comp-header .partner i.fa-solid{font-size:24px;color:red}.comp-sidebar{background-color:#1e293b;min-width:200px;height:100%;display:inline-flex;flex-direction:column;padding-top:4rem}.comp-sidebar i.fa-solid{display:inline-flex;justify-content:center;width:20px}.comp-sidebar .comp-link{text-decoration:none;color:#cbd5e1;border-radius:0;gap:1rem;padding:1rem;padding-left:.5rem;border-bottom:1px dotted #334155;border-left:8px solid #1e293b}.comp-sidebar .comp-link:hover{color:#fff;background-color:#0f172a;border-left:8px solid #0b42d8;padding-left:1rem}.comp-rightbar{background-color:#1e293b;display:inline-flex;flex-direction:column;min-width:250px;margin-top:-3.75rem;margin-top:-7rem;border-radius:12px 12px 0px 0px;z-index:10;overflow:hidden;box-shadow:6px 2px 8px 3px rgba(0,0,0,.1)}.comp-rightbar .comp-title{color:#fff;display:inline-flex;align-items:center;justify-content:left;background-color:#0b42d8;padding:1rem 1rem}.comp-rightbar .comp-title h1{font-size:16px}.comp-rightbar .comp-title i.fa-solid{font-size:18px}.myaccount-index{background-color:#f1f5f9;height:100%;color:#fff;width:100%}.comp-nav-menu{display:inline-flex;flex-grow:1;justify-content:end;padding-right:1rem}.comp-nav-menu .comp-link{text-decoration:none;color:#fff}.comp-friend{padding:.7rem;display:inline-flex;padding-left:1rem;gap:1rem}.comp-friend i.fa-solid{border-radius:10rem;display:inline-flex;justify-content:center;align-items:center;padding:.5rem;font-size:24px;color:#64748b;border:2px solid #cbd5e1}.comp-friend p{background-color:green;border-radius:10rem;border:1px solid #fff;height:10px;width:10px;position:absolute}.comp-change-password .comp-title{background-color:rgba(0,0,0,0);justify-content:left;padding:2rem;color:#0b42d8;padding-bottom:0px}.comp-change-password content.inputs{width:100%;display:inline-flex;flex-direction:column;gap:1rem;padding:1.8rem}.comp-change-password content.inputs input.comp-input{font-size:16px;width:100%;border:1px solid #cbd5e1}.comp-change-password content.inputs input.comp-input:focus{border:1px solid #94a3b8}.comp-change-password group.label-input-group{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:1rem}.comp-change-password group.label-input-group i.fa-solid{color:#64748b}.comp-change-password .buttons{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:0 1.8rem;padding-bottom:1.5rem}.comp-change-password .buttons button.comp-button{background-color:#0b42d8}.comp-change-password .buttons button.comp-button:hover{background-color:#0933a7}.comp-change-password .buttons a.comp-link{color:#fff;background-color:#475569}.comp-change-password .buttons a.comp-link:hover{background-color:#1e293b}.myaccount-page{height:100%;width:100%;background-color:#f1f5f9}.myaccount-page .tabs-content{margin:1rem;background-color:#fff;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1);border-radius:.5rem;border:1px solid #cbd5e1;padding:0rem}.myaccount-page.profile .header{display:inline-flex;justify-content:space-between;width:100%;align-items:center;padding:2rem;padding-bottom:0px}.myaccount-page.profile .header h2{flex-grow:1}.myaccount-page.profile .row{display:flex;justify-content:space-between;border-bottom:1px dotted #cbd5e1;padding:2rem}.myaccount-page.profile .col{min-width:50%;color:#475569;display:inline-flex;flex-direction:column;align-items:right;flex-grow:1}.myaccount-page.profile h2{font-size:28px;color:#475569;margin-bottom:1rem;color:#0b42d8}.myaccount-page.profile h3{font-size:18px;color:#475569;margin-bottom:1rem;color:#0b42d8}.myaccount-page.profile .comp-icon-text{margin:0;padding:0;padding:.7rem;padding-left:0px;gap:1rem}.myaccount-page.profile .comp-icon-text i.fa-solid{font-size:20px;color:#0b42d8}.myaccount-page.friends .comp-tabs .tabs-content{background-color:#fff;padding:1.5rem}.myaccount-page.friends .friend-list{display:inline-flex;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:1rem;height:100%}.myaccount-page.friends .friend-list .comp-title{justify-content:start;align-items:center;color:#0b42d8;border-bottom:1px dotted #ccc;margin-bottom:1rem}.myaccount-page.friends .friend-list .comp-title span{font-size:14px;color:#94a3b8;text-transform:none;font-weight:lighter}.myaccount-page.friends .comp-friend{width:32%;color:#475569;border-radius:.5rem;position:relative;border:1px solid #cbd5e1;display:inline-flex;flex-direction:column;justify-content:start;box-shadow:2px 2px 8px 4px rgba(0,0,0,.04);gap:0}.myaccount-page.friends .comp-friend .user{width:100%;display:inline-flex;align-items:center;gap:.8rem;color:#0b42d8}.myaccount-page.friends .comp-friend .user h4{font-family:Arial,Helvetica,sans-serif;font-weight:bold}.myaccount-page.friends .comp-friend .user i.fa-solid{color:#cbd5e1;font-size:32px;width:50px;height:50px;display:inline-flex;align-items:center;align-content:center}.myaccount-page.friends .comp-friend .user i.fa-solid.online{color:#475569}.myaccount-page.friends .comp-friend .user p{bottom:10px;width:18px;height:18px;border:3px solid #fff;background-color:#94a3b8}.myaccount-page.friends .comp-friend .user p.online{background-color:green}.myaccount-page.friends .comp-friend .flags{font-size:14px;color:#94a3b8;padding:0;display:inline-flex;align-items:center;width:100%;justify-content:end;gap:.5rem}.myaccount-page.friends .comp-friend .flags i.fa-solid{color:#cbd5e1;font-size:16px;border:0;padding:0}.myaccount-page.friends .comp-friend .flags i.fa-solid.active{color:#0b42d8}section#main.register hr{border-top:1px dotted #cbd5e1}section#main.register .page{background-color:#f1f5f9;border-radius:.5rem;max-width:720px;box-shadow:2px 2px 8px 4px rgba(0,0,0,.1);z-index:100}section#main.register .page .header{background-color:#0f172a;color:#fff;padding:1rem;display:flex;justify-content:center;align-items:center}section#main.register .page .comp-logo span{letter-spacing:.1rem;font-weight:normal;text-transform:uppercase;font-size:14px}section#main.register .page .comp-form{padding:.5rem 2rem}section#main.register .page .group{display:inline-flex;gap:3rem;width:100%;justify-content:space-between}section#main.register .page .group .comp-input-group .input{gap:.5em}section#main.register .page .avatars{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;padding-top:.5rem}section#main.register .page .avatars .avatar{display:inline-flex;justify-content:center;flex-direction:column;align-items:center;font-weight:bold;gap:.2rem;padding-bottom:.5rem;color:#475569}section#main.register .page .avatars label{display:inline-block;width:105px;height:105px;background-color:#0b42d8;border-radius:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border:5px solid #cbd5e1;cursor:pointer}section#main.register .page .avatars input[type=radio]{display:none}section#main.register .page .avatars input[type=radio]:checked+label{border:5px solid #ffae00}section#main.register .page .buttons{padding-top:2rem;padding-bottom:1rem;display:flex;justify-content:space-between;width:100%;gap:1rem}section#main.register .page h6{width:100%;text-align:center;padding:1rem 1rem .5rem;font-size:20px;font-weight:bolder;font-family:Arial,Helvetica,sans-serif;color:#0b42d8}section#main.register .page h6 span{display:block;font-size:14px;color:#64748b;font-weight:lighter}section#main.register .page div.error{width:100%;text-align:center}section#main.register .page div.error span{width:fit-content;color:#fff;background-color:red;font-size:14px;border-radius:1rem;padding:.1rem .5rem;margin-bottom:2rem}section#main.login .login-page{background-color:rgba(255,255,255,.8);max-width:22%;position:relative;border-radius:.5rem;z-index:10;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}section#main.login .comp-logo{color:#94a3b8;font-size:28px;background-color:#0f172a;width:100%;padding:1rem;display:inline-flex;justify-content:center;border-radius:.5rem .5rem 0px 0px}section#main.login form{padding:2rem;padding-top:0}section#main.login .buttons{display:inline-flex;width:100%;justify-content:space-between;gap:1rem}section#main.login .comp-input-group{padding:.5rem}section#main.login .comp-link.forgot{display:block;width:100%;text-align:center;padding-bottom:2rem}section#main.login .comp-message{padding:1rem;font-weight:bold;color:red}@keyframes bganimation{from{opacity:.5}to{opacity:1}}section#main.welcome{width:100%;height:100vh}section#main.welcome .wrapper{display:flex;z-index:10;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;width:100%}section#main.welcome .wrapper .top{background-color:rgba(15,23,42,.4);width:100%;color:#fff;padding:1rem 3rem;display:flex;justify-content:space-between;letter-spacing:.05rem;align-items:center}section#main.welcome .wrapper .top .comp-link{padding:0}section#main.welcome .wrapper .top .social-networks{display:inline-flex;gap:2rem}section#main.welcome .wrapper .top a{text-decoration:none;font-size:20px;color:#cbd5e1}section#main.welcome .wrapper .top a:hover{color:#fff}section#main.welcome .wrapper .middle{font-family:Arial,Helvetica,sans-serif;color:#f1f5f9;font-size:48px;font-weight:bolder;padding:1rem;width:100%;background-color:rgba(11,66,216,.2);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:.3rem}section#main.welcome .wrapper .middle div{display:inline-flex;gap:1rem}section#main.welcome .wrapper .middle a.comp-link.button{flex-grow:0;font-size:20px;width:fit-content;letter-spacing:normal;background-color:#ffae00;color:#0f172a}section#main.welcome .wrapper .middle a.comp-link.button:hover{background-color:#0b42d8;color:#fff}section#main.welcome .wrapper .middle h2{font-family:Arial,Helvetica,sans-serif;font-weight:bolder;letter-spacing:-0.2rem}section#main.welcome .wrapper .bottom{background-color:rgba(15,23,42,.4);width:100%;color:#cbd5e1;padding:1rem 5rem;display:flex;justify-content:space-between;letter-spacing:.05rem;gap:3rem}section#main.welcome .wrapper .bottom .comp-icon-box{display:inline-flex;align-items:center;gap:.8rem}section#main.welcome .wrapper .bottom .comp-icon-box h4{font-size:24px;font-weight:bolder}section#main.welcome .wrapper .bottom .comp-icon-box i.fa-solid{font-size:36px;color:#f1f5f9}section#main.recovery .content-img{height:100%;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}section#main.recovery .recovery-box{background-color:rgba(255,255,255,.9);max-width:22%;position:relative;border-radius:.5rem;z-index:10;display:inline-flex;flex-direction:column;justify-content:center}section#main.recovery .recovery-box p{display:block;text-align:center;padding-top:.3rem;color:#475569}section#main.recovery .comp-logo{color:#94a3b8;font-size:28px;background-color:#0f172a;width:100%;padding:1.2rem;display:inline-flex;justify-content:center;border-radius:.5rem .5rem 0px 0px}section#main.recovery form{padding:2rem;padding-top:0}section#main.recovery .buttons{display:inline-flex;width:100%;padding-top:1rem;justify-content:space-between}section#main.recovery .comp-input-group{padding:.5rem}section#main.recovery .comp-message{padding:1rem;font-weight:bold;color:red}section#main.new-password .content-img{height:100%;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}section#main.new-password .password-box{background-color:rgba(255,255,255,.9);max-width:22%;position:relative;border-radius:.5rem;z-index:10;display:inline-flex;flex-direction:column;justify-content:center}section#main.new-password .password-box h2{color:#0b42d8;display:block;text-align:center;padding-bottom:2rem}section#main.new-password .password-box p{display:block;text-align:center;padding-top:.3rem;color:#475569}section#main.new-password .comp-logo{color:#94a3b8;font-size:28px;background-color:#0f172a;width:100%;padding:1.2rem;display:inline-flex;justify-content:center;border-radius:.5rem .5rem 0px 0px}section#main.new-password form{padding:2rem}section#main.new-password .buttons{display:inline-flex;width:100%;padding-top:1rem;justify-content:space-between}section#main.new-password .comp-input-group{padding:.5rem}section#main.new-password h6{width:100%;text-align:center;padding:1rem 1rem .5rem;font-size:20px;font-weight:bolder;font-family:Arial,Helvetica,sans-serif;color:#0b42d8}section#main.new-password h6 span{display:block;font-size:14px;color:#64748b;font-weight:lighter}