@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600);

body {font-family: 'Poppins', sans-serif;}
#welcomeheader .mdbtn,.login,.user-image,.w100,.wo_r_features{overflow:hidden}*{box-sizing:border-box;outline:0!important}body{overflow-x:hidden}.w100{width:100%}.ad-placement-header-footer{display:none}#re-send{margin-bottom:0;margin-top:20px}.welcome-container{width:100%;height:100%}.help-block-welcome{color:#777;margin-bottom:5px;font-size:12px}#welcomeheader{width:100%;position:fixed;z-index:99;top:0;box-shadow:-1px 4px 20px -8px rgba(0,0,0,.62)}#welcomeheader .mdbtn{transition:all .2s ease;cursor:pointer;min-width:88px;text-align:center;border-radius:3px;user-select:none;border:2px solid;outline:0;padding:5px 0;height:auto;margin:7.5px 0}#welcomeheader .mdbtn:hover{background-color:rgba(0,0,0,.2)}.absul-right{position:relative}.logo{display:block;margin-top:10px;margin-right:55px}.logo img{width:auto;height:auto;max-width:160px;max-height:34px}.welcome-search-con{color:#fff;position:relative}.welcome-search-con i{position:absolute;left:10px;top:2px}.login,.welcome-footer,.wrapper{position:relative}
.welcome-search{background:rgba(0,0,0,.2);border:0;padding:5px 13px 5px 30px;width:400px;margin-top:-15px;max-width:400px;border-radius:2px;height:32px;transition:background .2s ease-out;outline:0;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif}
.welcome-footer{padding:10px;font-size: 13px; color: #595959 !important; opacity: 1 !important;}
.welcome-footer a:not(.lang){text-shadow:none; color: #595959 !important;}
.welcome-footer a { color: #595959 !important; }
footer:empty{padding:0}
.wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;min-height:calc(100vh);margin:0}
.g-recaptcha{transform:scale(.85);transform-origin:0 0}
.login {width: 100%;background: #fff;min-height: 100%;display: flex;}
.login form {width: 100%;max-width: 550px;min-width: 50%;margin: auto;}
.login .col-md-6 {padding: 0;}
.login_left_combo_parent {width: 50%;position: relative;height: 100%;overflow: hidden;box-shadow: 2px 0 10px rgb(0 0 0 / 30%);}
.login_left_combo_parent > svg {position: absolute;top: -3px;right: -3px;bottom: -3px;left: -3px;width: 102%;height: 102%;pointer-events: none;}
.login_left_combo {display: flex;height: 100%;position: relative;z-index: 1;width: 100%;max-width: 550px;min-width: 53%;flex-direction: column;margin: auto;overflow: hidden;}
.login_left_combo .logo {margin: 85px 0 0;}
.login_left_combo .logo img {width:auto;height:auto;max-width: 190px;max-height: 70px;}
.login_left_combo h1 {font-size: 40px;margin: 100px 0 0;font-weight: bold;line-height: 53px;}
.login_left_combo p {font-size: 18px;margin: 20px 0 50px;letter-spacing: 0.64px;max-width: 400px;}
.login_left_combo > .img {margin-top: auto;border: 16px solid rgb(255 255 255 / 64%);border-radius: 40px 40px 0 0;border-bottom: 0;}
.login_left_combo > .img img {width: 100%;border-radius: 20px 20px 0 0;aspect-ratio: 1;object-fit: cover;}

.login_innre {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;min-height: calc(100% - 60px);}
.login_innre:after,.login_innre:before {-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;content: '';display: block;height: 24px}

.terms,.terms label,.user-image,.users-profiles{position:relative}

.forgot_password {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin:-7px 0 50px}
.forgot_password > a {font-size: 16px;}
.login_signup_combo{margin:20px 0;position:relative}
.login_signup_combo .login__{display:flex;align-items:center;justify-content:center}
.login_signup_combo .login__ .btn {width: 100%;line-height: 60px;border-radius: 12px;font-size: 20px;}
.login_signup_combo .signup__ {text-align: center;margin: 15px 0 -10px;font-size: 15px;}
.login_signup_combo .signup__ a { text-decoration: underline; }
.pcnt-welcome-redesign .forgot_password > a.main,
.pcnt-welcome-redesign .login_signup_combo .signup__ a.dec {
	color: #aa3940 !important;
}
.social_btns {text-align: center;margin: 50px 0 30px;}
.social_btns p {margin-bottom:5px;opacity: 0.6;}
.social_btns a {text-decoration: none;width: 40px;height: 40px;margin: 3px 2.2px 0;border-radius: 50%;transition: all .2s ease;padding: 8px;border: 0;}
.social_btns a.no_padd {padding: 0;}
.social_btns a.no_padd svg {width: 40px;height: 40px;}
.errors, .success {padding: 12px;border-radius: 12px;border: 0;font-size: 15px;}
.errors:empty, .success:empty {padding: 0;}
.login .title {color: #444;font-size: 44px;margin: 0 0 17px;font-weight: 600;}
.login .desc {font-size: 16px;opacity: 0.7;letter-spacing: 0.57px;}
.random_users{margin-top:80px}
.users-profiles{padding:0;width:100%;margin:30px auto 0;text-align:center;display:block}
.user-image, .user-image img {width:44px;height:44px;border-radius:50%}
.user-image {display: inline-block;margin: -7px -4px;box-shadow: 0 0 0 2px #ffffff;}
.terms{padding-left:22px}
.terms input[type=checkbox]{opacity:0;margin:0 0 6px 4px;display:none}
.terms label::after,.terms label::before{display:inline-block;left:0;margin-left:-20px}
.terms label{padding-left: 20px;cursor: pointer;user-select: none;font-size: 16px;opacity: 0.9;}
.terms label::before{content:"";position:absolute;width: 24px;height: 24px;top: -1px;border: 2px solid #b4b4b4;border-radius: 5px;transition:all 90ms cubic-bezier(0,0,.2,.1)}
.terms input[type=checkbox]:checked+label::before{background-color:#1e2322;border-color:#1e2322}
.terms label::after{position:absolute;width:16px;height:16px;top:0;padding-left:3px;padding-top:1px;font-size:11px;color:#555}
.terms input[type=checkbox]:checked+label::after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:5px;left:7px;position:absolute;top:7px;transform:rotate(-45deg);width:10px;transition:.2s;color:#fff}
.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite;color:#e9e9e9;font-size:28px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.login .footer {
	text-align: center;
}
.spinner{-webkit-animation:rotator 1.7s linear infinite;animation:rotator 1.7s linear infinite;width:27px;margin-right:15px;opacity:0;visibility:hidden}.spinner.show{opacity:1;visibility:visible}.spinner__path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.7s ease-in-out infinite;animation:dash 1.7s ease-in-out infinite;stroke:#5c6062}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}#wo_language_modal{background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center #e0e0e0;border-bottom:1px solid #c8c8c8}#wo_language_modal .language_head{font-size:18px;overflow:hidden}#wo_language_modal ul{padding:0}#wo_language_modal ul .language_select{width:18.7%;display:inline-block;text-align:center;margin:30px 2px 5px}#wo_language_modal ul .language_select a{display:table;text-decoration:none;font-weight:700;font-size:13px;width:100%}#wo_language_modal ul .language_select a .language_initial{display:table-caption;width:50px;height:50px;background:0 0;margin:0 auto 8px;box-shadow:0 1px 3px rgba(0,0,0,.24);border-radius:50%;transition:all .2s ease-in-out}.carousel,.carousel-inner{height:100%}#wo_language_modal ul .language_select:hover .language_initial{box-shadow:0 2px 6px rgba(0,0,0,.5)}.animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated_2{-webkit-animation-duration:.2s;animation-duration:.2s}.animated_4{-webkit-animation-duration:.4s;animation-duration:.4s}.animated_5{-webkit-animation-duration:.5s;animation-duration:.5s}.animated_6{-webkit-animation-duration:.6s;animation-duration:.6s}.animated_8{-webkit-animation-duration:.8s;animation-duration:.8s}.animated_9{-webkit-animation-duration:.9s;animation-duration:.9s}.animated_10{-webkit-animation-duration:1s;animation-duration:1s}.animated_12{-webkit-animation-duration:1.2s;animation-duration:1.2s}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.carousel{z-index:-1}.carousel-inner .item{background-repeat:no-repeat;background-size:cover;background-position:center;height:100%}

/*Form Fields*/
.wow_form_fields {position: relative;margin: 20px 0;}
.wow_form_fields > label {font-weight: 500;font-size: 16px;display: block;opacity: 0.8;}
.wow_form_fields input, .wow_form_fields textarea, .wow_form_fields select, .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {background-color: transparent;box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;border-radius: 12px;transition: background-color 240ms, box-shadow 240ms;color: #393d4a;font-weight: 400;font-size: 14px;line-height: 28px;padding: 13px;width: 100%;border: 0;outline: 0;}
.wow_form_fields input, .wow_form_fields select {height: 52px;}
.wow_form_fields textarea {resize: vertical;}
.wow_form_fields input:focus, .wow_form_fields textarea:focus, .wow_form_fields select:focus, .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle:focus, .wow_form_fields .bootstrap-tagsinput:focus {box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;}

/*Buttons*/
.btn-mat {position: relative;user-select: none;outline: 0;border: none;-webkit-tap-highlight-color: transparent;text-decoration: none;text-align: center;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 4px;transform: translate3d(0,0,0);transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);font-size: 14px;font-weight: 500;overflow: hidden;}
.btn-mat::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;opacity: 0;transition: opacity 0.2s;}
.btn-mat::after {content: "";position: absolute;left: 50%;top: 50%;border-radius: 50%;padding: 50%;width: 32px;height: 32px;background-color: currentColor;opacity: 0;transform: translate(-50%, -50%) scale(1) ;transition: opacity 1s, transform 0.5s;}
.btn-mat:active::after {opacity: 0.16;transform: translate(-50%, -50%) scale(0);transition: transform 0s;}
.btn-mat svg {width: 17px;height: 17px;margin: -2px 3px 0 0;}
.btn-mat-raised {box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
.btn-mat-raised:active {box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);}
.btn-loading {position: relative;box-shadow: none;}
.btn-loading:before {display: none;}
.btn-loading:after {top: 0;right: 0;bottom: 0;left: 0;opacity: 1;width: 100%;height: 100%;padding: 0 16px;border-radius: 4px;transform: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");background-position: center;background-repeat: no-repeat;background-size: 24px;transition: none;}
.payment_box .btn {width: 100%;background-color: white;color: #2c2c2c;text-align: inherit;display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.07);border-radius: 0;padding: 20px 25px;transition: all 0.15s;font-family: "Lato", sans-serif; font-weight: 600;box-shadow: none;}
.payment_box .btn:hover {background-color: rgba(0, 0, 0, 0.04);}
.payment_box .btn:last-child {border:0;}
.payment_box .btn svg, .payment_box .btn img {margin-right: 15px;width: 32px;height: 32px;}

/*Plans*/
.wow_membr_signup_plan {box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);border-radius: 7px;padding: 10px;margin-top: 20px;}
.wow_sup_plan_hdr {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.wow_sup_plan_hdr > div {font-size: 23px;}
.wow_sup_plan_hdr > div span {display: inline-block;vertical-align: text-top;line-height: 1;}
.wow_sup_plan_hdr > div img, .wow_sup_plan_hdr > div svg {width: 24px;height: 24px;vertical-align: middle;}
.wow_sup_plan_hdr b {margin: 0;}
.wow_membr_signup_plan .col-lg-6 svg {vertical-align: middle;width: 20px;height: 20px;}
.wow_membr_signup_plan .modal-footer {padding: 10px 0 0;margin-top: 10px;}

/*Password Check*/
.helper-text {display: none;margin-top: 6px;font-size: 12px;line-height: 18px;}
.helper-text li.valid {color: #1aac20;}

.wow_forgot_choice .login__ {flex-wrap: wrap;}

/*Bank transfer Modal*/
svg {vertical-align: middle;}
.wow_pops_head {position: relative;background: #8b6060;color: #fff;text-align: center;padding: 25px 0 115px;border-radius: 3px 3px 0 0;margin-bottom: -50px;}
.wow_pops_head > svg {position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;color: #fff;}
.wow_pops_head .close {position: absolute;top: 7px;right: 7px;padding: 0;opacity: 0.4;text-shadow: none;color: white;}
.wow_pops_head .close:hover {opacity: 1;}
.wow_pops_head h4 {margin: 0;font-weight: 400;font-family: "Roboto", sans-serif;font-size: 19px;}
.wow_pops_head h4 svg {width: 27px;height: 27px;margin: -2px 2px 0 0;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;padding: 5px;}
.dt_bank_trans_modal .bank_info {width: 100%;margin-top: 24px;margin-bottom: 30px;}
.dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;margin-left: auto;margin-right: auto;border-radius: 7px;height: auto;background-color: #2196f3;background: linear-gradient(90deg, #03A9F4 0%, #2196f3 35%, #3F51B5 100%);padding: 16px;overflow: hidden;position: relative;}
.dt_bank_trans_modal .dt_settings_circle-1 {width: 290px;height: 290px;background-image: radial-gradient(circle 800px at 75% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);left: -28px;top: -28px;opacity: .05;position: absolute;border-radius: 50%;pointer-events: none;}
.dt_bank_trans_modal .dt_settings_circle-2 {opacity: .03;position: absolute;border-radius: 50%;pointer-events: none;width: 500px;height: 500px;background-image: radial-gradient(circle 800px at 10% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);right: -242px;top: 17px;}
.dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;border: 6px solid rgba(255, 255, 255, 0.3);padding: 20px;border-radius: 5px;}
.dt_bank_trans_modal .bank_info .bank_info_innr > svg {position: absolute;opacity: 0.3;left: 16px;top: 16px;width: 45px;z-index: -1;}
.dt_bank_trans_modal .bank_info .bank_info_innr .row p {margin: 0;font-size: 18px;word-break: break-word;}
.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {margin-top: 18px;}
.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;padding: 5px .75rem 0 55px;}
.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);}

.dt_bank_trans_modal .dt_user_profile {background-color: #f8f8f8;margin: 0 auto 25px;padding: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;overflow: hidden;}
.dt_bank_trans_modal .dt_user_profile > span {margin-bottom: 5px;font-size: 18px;display: flex;align-items: center;}
.dt_bank_trans_modal .dt_user_profile > span svg {margin-right: 5px;color: #595959 !important;}
.dt_bank_trans_modal .dt_prof_vrfy {margin: 0;list-style-type: disc;}
.dt_bank_trans_upl_rec {text-align: center;}
.dt_bank_trans_upl_rec a {display: inline-block;border-bottom: 1px dashed;color: #3f3f3f;padding-bottom: 5px;font-size: 14px;transition: all 0.15s;text-decoration: none;}
.dt_bank_trans_upl_rec a:hover {border-bottom-style: solid;}
.dt_bank_trans_upl_rec a svg {width: 20px;height: 20px;margin-top: -3px;}
.upload_bank_receipts {text-align: center;display: none;}
.upload_bank_receipts > div {width: 100%;max-width: 200px;height: 185px;margin: auto;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
.upload_bank_receipts svg {width: 45px;height: 45px;color: #4a4a4a;background-color: lightgrey;padding: 10px;border-radius: 50%;margin-bottom: 10px;}
.upload_bank_receipts p {margin-bottom: 0px;}
#bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {display: none;}
#bank_transfer_modal.up_rec_active .upload_bank_receipts {display: block;}
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;}
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {display: none;}

#bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec {display: none;}
#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {display: block;}
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;}
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {display: none;}

/*Social Login*/
.btn-instagram {background-color: #d63e75;}
.btn-qq {background-color: #2196f3;}
.btn-wechat {background-color: #03ce65;}
.btn-discord {background-color: #6e85d2;}
.btn-mailru {background-color: #005ff9;}
.btn-wechat.active, .btn-wechat:active, .btn-wechat:focus, .btn-wechat:hover, .open>.dropdown-toggle.btn-wechat {background-color: #4caf50;}
.btn-ok {background-color: #e27e35;}
.btn-tiktok {background-color: #494949;}
.btn-wordpress {background-color: #00769D;}

/*Apps*/
.wo_side_apps {
	padding: 40px 0 0;
}
.wo_side_apps p {
	font-weight: bold;
    margin: 10px 2px 5px;
}
.wo_side_apps a {
	margin: 0 2px;display: inline-block;
}
.wo_side_apps a img {
	width: calc(100% + 2px);
    height: 38px;
    border-radius: 8px;
    margin: -1px;
}

/*Send Code Again*/
.send_again {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: end;
    pointer-events: none;
    padding: 9px;
}
.send_again .btn {
	pointer-events: auto;
    box-shadow: none;
    border-radius: 12px;
    font-size: 12px;
    min-width: auto;
    padding: 0 14px;
    line-height: 34px;
}
.send_again .btn::before {
    opacity: 0.15;
}


/*Language Select*/
.lang_select_modal .language_info {
	height: 100%;
    position: relative;
    padding: 30px;
    background: linear-gradient(90deg, #4caf50, transparent 90%);
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.lang_select_modal .language_info h3 {
	margin: 0 0 4px;
    color: #fff;
    line-height: 1;
}
.lang_select_modal .language_info svg {
	    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -15px;
    height: auto;
    width: 90px;
}
.lang_select_modal ul {
	padding: 24px 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}
.lang_select_modal .language_select {
	flex: 1 1 160px;margin: 0 0 -1px;
}
.lang_select_modal .language_select a {
	display: block;
    text-decoration: none;
    font-size: 15px;
    line-height: 46px;
    padding: 0 20px;
    transition: background-color .1s;
    border: 1px solid #d7d7d7;
    margin: 0px -1px;
    border-top: 0;
    border-left: 0;
}
.lang_select_modal .language_select:hover {background-color: rgb(0 0 0 / 3%) !important;}




@media (min-width:400px) {
.payment_box {width: 360px;}
}

@media (min-width:1200px){
.container{width:97%}
}

@media (max-width:1250px) {
.login_left_combo_parent {width: 35%;padding: 0 30px;}
.login .col-md-6 {width: 65%;}
}

@media (max-width:1200px){
.welcome-footer{font-size:12px;padding:9px}
}

@media (max-width:930px) {
.login {flex-direction: column;}
.login_left_combo_parent {width: 100%;height: auto;}
.login_left_combo {max-width: 100%;min-width: 100%;}
.login_left_combo > .img {display: none;}
.login .col-md-6 {width: 100%;}
}


@media (max-width:640px){
.login_innre {min-height: calc(100% - 100px);padding: 0 20px;}
.login_left_combo_parent {padding: 0 20px;}
.login_left_combo .logo {
    margin: 30px 0 0;
}
.login_left_combo h1 {
    font-size: 30px;
    line-height: normal;margin: 30px 0 0;
}
.login_left_combo p {
    font-size: 16px;
    margin: 10px 0 30px;
}
}

/* Restore visible keyboard focus after global outline reset. */
.pcnt-login-page :is(input, select, textarea, button, a, [role="button"], [type="checkbox"], .pcnt-pw-toggle):focus,
.pcnt-login-page :is(input, select, textarea, button, a, [role="button"], [type="checkbox"], .pcnt-pw-toggle):focus-visible {
    outline: 2px solid #1f6feb !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(31, 111, 235, .22) !important;
}

/* =============================================================
   Welcome / Landing Page Redesign — pcnt-* component styles
   -------------------------------------------------------------
   Hard gate: no new color palette. All colors are either
   existing theme neutrals, rgba black overlays, or inherited
   from existing themed classes (e.g. .btn-main).
   ============================================================= */

/* ---------- Shell & Layout ----------------------------------------------- */
.pcnt-welcome-redesign {
  background: #ffffff;
  flex-direction: column;
  width: 100%;
  overflow: visible; /* override .login{overflow:hidden} from base welcome.css line 4
                        which would otherwise trap position:sticky in a non-scrolling
                        ancestor and silently degrade it to position:relative */
}

/* Brand header + content shell were moved to pancitan-theme.css (shared,
   loaded on every page) so welcome and the legal/contact pages share one
   consistent header and container width. Do not redefine them here. */

/* ---------- Animated User Swarm ------------------------------------------ */
.pcnt-user-swarm {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
}

.pcnt-user-swarm__track {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.pcnt-user-swarm__avatar {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  margin-left: -12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  animation: pcnt-swarm-float 3s ease-in-out infinite;
  animation-delay: 0s;
  flex-shrink: 0;
}

.pcnt-user-swarm__avatar:first-child {
  margin-left: 0;
}

.pcnt-user-swarm__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pcnt-user-swarm__label {
  font-size: 13px;
  font-weight: 500;
  color: #6e6e6e;
  white-space: nowrap;
}

@keyframes pcnt-swarm-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@media (max-width: 767px) {
  .pcnt-user-swarm__avatar:nth-child(n+6) {
    display: none;
  }
  .pcnt-user-swarm__avatar {
    width: 32px;
    height: 32px;
    margin-left: -10px;
  }
  .pcnt-user-swarm__label {
    font-size: 12px;
  }
}

/* ---------- Main & Hero -------------------------------------------------- */
.pcnt-welcome-main {
  padding-bottom: 60px;
}

.pcnt-welcome-hero {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 48px;
  align-items: start;
  padding: 48px 0 32px;
}

@media (max-width: 1199px) {
  .pcnt-welcome-hero {
    grid-template-columns: 1fr 380px;
    gap: 32px;
    padding: 32px 0 48px;
  }
}

@media (max-width: 991px) {
  .pcnt-welcome-hero {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 24px 0 40px;
  }
}

/* ---------- Hero Copy ---------------------------------------------------- */
.pcnt-hero-copy {
  max-width: 640px;
}

.pcnt-hero-kicker {
  display: inline-block;
  margin: 0 0 16px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.pcnt-hero-copy h1 {
  margin: 0 0 18px;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: #2c2c2c;
}

.pcnt-hero-subtitle {
  margin: 0 0 28px;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.5;
  color: #6e6e6e;
  max-width: 520px;
}

.pcnt-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.pcnt-hero-actions a.main {
  font-size: 16px;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  transition: opacity 150ms ease;
}

.pcnt-hero-actions a.main:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.pcnt-hero-trust-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pcnt-hero-trust-list li {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
  line-height: 1.5;
  color: #6e6e6e;
}

.pcnt-hero-trust-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #444;
  opacity: 0.5;
}

.pcnt-hero-trust-list li a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ---------- Dashboard Preview -------------------------------------------- */
.pcnt-dashboard-preview {
  position: relative;
  margin-top: 40px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 56px rgba(0, 0, 0, 0.10), 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  max-width: 680px;
  max-height: 380px;
}

.pcnt-dashboard-preview::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #ffffff);
  pointer-events: none;
  z-index: 1;
}

.pcnt-preview-topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-preview-brand-mark {
  width: 24px;
  height: 24px;
  background: currentColor;
  opacity: 0.15;
  border-radius: 4px;
}

.pcnt-preview-search {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  font-size: 12px;
  color: #6e6e6e;
}

.pcnt-preview-live-pill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-size: 11px;
  font-weight: 600;
}

.pcnt-preview-body {
  display: grid;
  grid-template-columns: 140px 1fr 160px;
  gap: 0;
  min-height: 280px;
}

.pcnt-preview-sidebar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-preview-sidebar span {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #6e6e6e;
  cursor: default;
}

.pcnt-preview-sidebar span.is-active {
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-weight: 600;
}

.pcnt-preview-feed {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pcnt-preview-story-row {
  display: flex;
  gap: 8px;
}

.pcnt-preview-story-row span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  min-width: 72px;
  padding: 0 10px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5f5f7, #f0f0f0);
  font-size: 10px;
  font-weight: 600;
  color: #444;
  text-align: center;
}

.pcnt-preview-composer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-preview-avatar,
.pcnt-preview-avatar-alt,
.pcnt-preview-avatar-warm {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e8e8ed, #d2d2d7);
  flex-shrink: 0;
}

.pcnt-preview-avatar-alt {
  background: linear-gradient(135deg, #cce5ff, #a8d0ff);
}

.pcnt-preview-avatar-warm {
  background: linear-gradient(135deg, #ffe4cc, #ffc8a8);
}

.pcnt-preview-input {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 12px;
  color: #6e6e6e;
}

.pcnt-preview-composer button {
  height: 28px;
  padding: 0 12px;
  border-radius: 8px;
  border: 0;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-size: 11px;
  font-weight: 600;
  cursor: default;
}

.pcnt-preview-filter {
  display: flex;
  gap: 6px;
}

.pcnt-preview-filter span {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  color: #6e6e6e;
  background: transparent;
  border: 1px solid transparent;
}

.pcnt-preview-filter span.is-active {
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-weight: 600;
  border-color: rgba(0, 0, 0, 0.06);
}

.pcnt-preview-feed-window {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-preview-feed-track {
  display: flex;
  flex-direction: column;
  gap: 0;
  animation: pcnt-feed-scroll 16s linear infinite;
}

@keyframes pcnt-feed-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.pcnt-preview-post {
  padding: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #ffffff;
}

.pcnt-preview-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.pcnt-preview-post-head div strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #444;
}

.pcnt-preview-post-head div small {
  display: block;
  font-size: 11px;
  color: #767676;
}

.pcnt-preview-media {
  height: 120px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f2f2f7, #e5e5ea);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pcnt-preview-media-photo span {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.06);
}

.pcnt-preview-copy-line {
  margin: 0 0 10px;
  font-size: 13px;
  color: #444;
}

.pcnt-preview-group-card {
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5f5f7, #f0f0f0);
  color: #444;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}

.pcnt-preview-reactions {
  display: flex;
  gap: 14px;
  font-size: 11px;
  color: #767676;
}

.pcnt-preview-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 12px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-preview-panel div {
  padding: 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.02);
}

.pcnt-preview-panel div strong {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #444;
  margin-bottom: 2px;
}

.pcnt-preview-panel div span {
  font-size: 11px;
  color: #595959 !important;
}

.pcnt-preview-cursor {
  display: none;
}

@media (max-width: 1199px) {
  .pcnt-dashboard-preview {
    max-width: 100%;
  }
  .pcnt-preview-body {
    grid-template-columns: 120px 1fr 140px;
  }
}

@media (max-width: 991px) {
  .pcnt-dashboard-preview {
    margin-top: 24px;
  }
  .pcnt-preview-body {
    grid-template-columns: 1fr;
  }
  .pcnt-preview-sidebar,
  .pcnt-preview-panel {
    display: none;
  }
}

/* ---------- Password Toggle ---------------------------------------------- */
.pcnt-pw-field {
  position: relative;
}

.pcnt-pw-field input[type="password"],
.pcnt-pw-field input[type="text"] {
  padding-right: 52px;
}

.pcnt-pw-field .pcnt-pw-toggle {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 10px;
  background: transparent !important;
  color: #6e6e6e;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease, color 150ms ease;
}

.pcnt-pw-field .pcnt-pw-toggle:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #444;
}

.pcnt-pw-field .pcnt-pw-toggle:active {
  background: rgba(0, 0, 0, 0.10) !important;
}

.pcnt-pw-toggle svg {
  display: block;
  flex-shrink: 0;
}

.pcnt-pw-field .pcnt-pw-toggle[aria-pressed="false"] .pcnt-pw-toggle__icon--hide {
  display: none;
}

.pcnt-pw-field .pcnt-pw-toggle[aria-pressed="true"] .pcnt-pw-toggle__icon--show {
  display: none;
}

/* ---------- Hero Auth (unified sign-in card) ---------------------------- */
.pcnt-hero-auth {
  position: sticky;
  top: 88px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 24px;
}

@media (max-width: 991px) {
  .pcnt-hero-auth {
    position: static;
    max-width: 480px;
    margin: 0 auto;
  }
}

.pcnt-hero-auth-head {
  margin-bottom: 20px;
}

.pcnt-hero-auth-head h2 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 600;
  color: #444;
}

.pcnt-hero-auth-head p {
  margin: 0;
  font-size: 15px;
  color: #6e6e6e;
}

.pcnt-hero-auth-note {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #767676;
}
.pcnt-hero-auth-note a { text-decoration: underline; }

/* ---------- Auth Perks (community benefits below sign-in form) ----------- */
.pcnt-auth-perks {
  margin-top: 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.pcnt-auth-perks__title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #444;
}

.pcnt-auth-perks__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pcnt-auth-perks__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.pcnt-auth-perks__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.06);
  color: #555;
  margin-top: 1px;
}

.pcnt-auth-perks__icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.pcnt-auth-perks__list li div {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.pcnt-auth-perks__list li strong {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}

.pcnt-auth-perks__list li span {
  font-size: 12px;
  color: #616161;
  line-height: 1.4;
}

/* ---------- Information Grid -------------------------------------------- */
.pcnt-information-grid {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 32px 0 48px;
}

@media (max-width: 767px) {
  .pcnt-information-grid {
    gap: 40px;
    padding: 40px 0;
  }
}

.pcnt-content-section {
  scroll-margin-top: 80px;
}

.pcnt-content-section h2 {
  margin: 0 0 28px;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: #2c2c2c;
}

.pcnt-simple-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 991px) {
  .pcnt-simple-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .pcnt-simple-grid {
    grid-template-columns: 1fr;
  }
}

.pcnt-info-card {
  padding: 24px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.pcnt-info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
}

.pcnt-card-heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.pcnt-card-heading h3 {
  margin: 2px 0 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  color: #444;
}

.pcnt-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
}

.pcnt-card-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Icon modifiers reuse existing theme semantic colors */
.pcnt-card-icon--berry { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--amber { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--ocean { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--mint  { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--rose  { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--violet{ background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--slate { background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--indigo{ background: rgba(0, 0, 0, 0.04); color: #444; }
.pcnt-card-icon--green { background: rgba(0, 0, 0, 0.04); color: #444; }

.pcnt-info-card > p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #6e6e6e;
}

.pcnt-info-card > p a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ---------- Steps List --------------------------------------------------- */
.pcnt-steps-list {
  counter-reset: pcnt-step;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pcnt-steps-list li {
  position: relative;
  padding-left: 44px;
  font-size: 15px;
  line-height: 1.5;
  color: #6e6e6e;
}

.pcnt-steps-list li::before {
  counter-increment: pcnt-step;
  content: counter(pcnt-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---------- After-Join Panel -------------------------------------------- */
.pcnt-after-join-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  padding: 28px;
  border-radius: 18px;
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

@media (max-width: 767px) {
  .pcnt-after-join-panel {
    grid-template-columns: 1fr;
  }
}

.pcnt-panel-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6e6e6e;
}

.pcnt-after-join-panel h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.pcnt-after-join-panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #6e6e6e;
}

.pcnt-assurance-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.pcnt-assurance-grid span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
}

.pcnt-assurance-grid span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #444;
  opacity: 0.5;
}

/* ---------- Activity Proof ---------------------------------------------- */
.pcnt-activity-proof {
  margin-top: 28px;
}

.pcnt-proof-meter {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.pcnt-proof-meter span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  color: #444;
  font-size: 12px;
  font-weight: 600;
}

.pcnt-proof-notes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 767px) {
  .pcnt-proof-notes {
    grid-template-columns: 1fr;
  }
}

.pcnt-proof-notes div {
  padding: 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.pcnt-proof-notes div strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}

.pcnt-proof-notes div p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #6e6e6e;
}

/* ---------- FAQ List ----------------------------------------------------- */
.pcnt-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pcnt-faq-list details {
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.pcnt-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #444;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.pcnt-faq-list summary::-webkit-details-marker {
  display: none;
}

.pcnt-faq-list summary::after {
  content: "+";
  font-size: 20px;
  font-weight: 400;
  color: #767676;
  transition: transform 200ms ease;
}

.pcnt-faq-list details[open] summary::after {
  content: "−";
}

.pcnt-faq-list details p {
  margin: 0;
  padding: 0 18px 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #6e6e6e;
}

.pcnt-faq-list details p a {
  text-decoration: underline;
}

/* ---------- Final CTA ---------------------------------------------------- */
.pcnt-final-cta {
  text-align: center;
  padding: 56px 24px;
  border-radius: 18px;
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.pcnt-final-cta h2 {
  margin: 0 0 10px;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #2c2c2c;
}

.pcnt-final-cta p {
  margin: 0 0 24px;
  font-size: 17px;
  color: #6e6e6e;
}

.pcnt-final-cta .pcnt-hero-actions {
  justify-content: center;
  margin-bottom: 0;
}

.pcnt-welcome-redesign .pcnt-final-cta .pcnt-hero-actions a.main {
  color: #aa3940 !important;
}

.cc-window .cc-btn.cc-dismiss {
  background-color: #aa3940 !important;
  border-color: #aa3940 !important;
  color: #ffffff !important;
}

.cc-window .cc-btn.cc-dismiss:hover,
.cc-window .cc-btn.cc-dismiss:focus {
  background-color: #8f2d33 !important;
  border-color: #8f2d33 !important;
}

/* ---------- Footer ------------------------------------------------------- */
.pcnt-welcome-redesign .footer {
  text-align: center;
  padding: 24px 0 40px;
  font-size: 13px;
  color: #767676;
}

.pcnt-welcome-redesign .footer a {
  text-decoration: none;
}

.pcnt-welcome-redesign .footer a:hover {
  text-decoration: underline;
}

/* ---------- Focus Restoration (global for welcome page) ------------------ */
.pcnt-welcome-redesign :is(a, button, input, select, textarea, summary, [role="button"], [type="checkbox"]):focus-visible {
  outline: 2px solid #444;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.08);
}

/* ---------- Reduced Motion ----------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .pcnt-preview-feed-track {
    animation: none;
  }
  .pcnt-info-card {
    transition: none;
  }
  .pcnt-info-card:hover {
    transform: none;
  }
  .pcnt-faq-list summary::after {
    transition: none;
  }
}

/* ---------- Social Login Touch Targets ----------------------------------- */
.social_btns a {
  width: 48px;
  height: 48px;
}

.social_btns a.no_padd svg {
  width: 48px;
  height: 48px;
}

/* === AUDIT-003: Semantic page hooks and BEM elements === */
/* These classes are used as JS hooks or inherit from parent blocks */
.pcnt-confirm-page,
.pcnt-forgot-page,
.pcnt-reset-page,
.pcnt-sms-confirm-page {
  /* Semantic page identifiers; styling inherited from layout */
}

.pcnt-proof-meter__activity,
.pcnt-proof-meter__policy,
.pcnt-proof-meter__controls {
  /* Inherits from .pcnt-proof-meter span rules */
  display: inline-block;
}