.profile{background-color:#fff;border-radius:16px;box-shadow:0 1px 4px #00000014;margin:30px auto;max-width:1200px;overflow:hidden;padding:40px;position:relative}.profile:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.182 49c-1.914 0-3.554-.28-5.468-.56-6.29-1.399-11.485-5.316-15.04-10.913C-3.434 26.054.12 10.943 11.332 3.667 16.8.31 23.089-.81 29.378.59c6.289 1.4 11.484 5.317 15.038 10.914 3.282 5.596 4.376 12.032 3.008 18.468-1.367 6.437-5.195 11.753-10.664 15.391C32.932 47.601 28.557 49 24.182 49Zm-.273-34.979c-1.914 0-3.828.56-5.469 1.679-4.922 3.078-6.289 9.514-3.281 14.551 1.367 2.519 3.828 3.918 6.289 4.757 2.734.56 5.469.28 7.656-1.399 2.461-1.399 3.828-3.917 4.649-6.716.547-2.798.273-5.596-1.368-7.835-1.367-2.518-3.828-3.918-6.562-4.757-.274-.28-1.094-.28-1.914-.28Z' fill='%2399FCFF'/%3E%3C/svg%3E");bottom:2;height:59px;left:auto;top:0;width:78px}.profile:after,.profile:before{background-repeat:no-repeat;background-size:contain;content:"";opacity:.3;pointer-events:none;position:absolute;right:0;z-index:99999}.profile:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.452 60c-.922 0-1.713-.396-2.372-.924L.946 20.022c-.79-.792-1.186-2.111-.79-3.167.263-1.187 1.185-1.979 2.37-2.375L55.893.1c1.186-.264 2.372 0 3.162.792.79.791 1.186 2.11.79 3.166l-14.23 53.568c-.263 1.188-1.186 1.98-2.372 2.375h-.79ZM9.642 19.362 40.74 50.368l5.666-21.242L52.07 7.883 9.642 19.363Z' fill='%236D7BFF'/%3E%3C/svg%3E");bottom:-120px;height:200px;left:40px;top:auto;width:65px}.profile .form-groups{background-color:#fff;position:relative;z-index:1}.profile .form-group-item{display:block;margin:auto auto 1.5rem;width:100%}.profile .form-group-item input{background:#fff;border:1px solid #dce2ec;border-radius:12px;color:#2c2d3a;font-size:15px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.profile .form-group-item input:focus{border-color:#6d7bff;box-shadow:0 0 0 3px #6d7bff1a;outline:none}.profile .form-group-item input::placeholder{color:#2c2d3a66}.profile .form-group-item input:disabled{background-color:#f0f0f0;cursor:not-allowed}.profile .form-group-item label{color:#2c2d3a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile .subscriptions{display:block}.profile .subscriptions .plan-item{background:#fff;border:1px solid #dce2ec;border-radius:16px;box-shadow:0 4px 20px #2c2d3a14;margin:20px 0;padding:24px}.profile .subscriptions .plan-item.active{background:linear-gradient(145deg, #6d7bff0d, #fff);border-color:#6d7bff}.profile .subscriptions .plan-item label{color:#2c2d3a;display:block;font-size:24px;font-weight:600;margin-bottom:12px}.profile .subscriptions .plan-item small{color:#2c2d3ab3;display:block;font-size:16px;margin-bottom:20px}.profile .subscriptions a{align-items:center;border-radius:12px;color:#6d7bff;display:inline-flex;font-size:16px;gap:8px;margin-right:16px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.profile .subscriptions a svg{height:20px;width:20px}.profile .subscriptions a:hover{background-color:#6d7bff1a;color:#3a4dff}.profile .profile-actions{border:1px solid #dce2ec;border-radius:16px;margin-top:40px;overflow:hidden}.profile .profile-actions .actions-menu{background-color:#dce2ec1a;border-bottom:1px solid #dce2ec;display:flex}.profile .profile-actions .actions-menu label{color:#2c2d3a;cursor:pointer;flex:1;font-size:16px;padding:16px;text-align:center;transition:all .2s ease}.profile .profile-actions .actions-menu label.active{background-color:#fff;box-shadow:inset 0 -2px 0 #6d7bff;color:#6d7bff;font-weight:600}.profile .profile-actions .actions-menu label:hover:not(.active){background-color:#6d7bff0d}.profile .profile-actions .actions-body{padding:32px}.profile .language-actions ul{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));margin-top:24px}.profile .language-actions li{background-color:#dce2ec1a;border-radius:12px;cursor:pointer;font-size:16px;padding:12px 16px;text-align:center;transition:all .2s ease}.profile .language-actions li:hover{background-color:#6d7bff;color:#fff}.profile .language-actions label{color:#6d7bff;display:block;font-size:20px;margin-bottom:16px}.profile .avatar .avatar-holder{cursor:pointer;height:200px;margin:0 auto;position:relative;width:200px}.profile .avatar .avatar-holder .head{display:block;height:100%;width:100%}.profile .avatar .avatar-holder .change-avatar{align-items:center;background-color:#6d7bff;border-radius:50%;bottom:-20px;box-shadow:0 4px 12px #6d7bff4d;color:#fff;display:flex;height:48px;justify-content:center;position:absolute;right:-20px;transition:all .2s ease;width:48px}.profile .avatar .avatar-holder .change-avatar:hover{background-color:#3a4dff;transform:rotate(180deg)}.profile .avatar .avatar-holder .change-avatar svg{height:24px;width:24px}.profile .profile-btn{align-items:center;background-color:#6d7bff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:14px 28px;text-align:center;transition:all .2s ease}.profile .profile-btn:hover{background-color:#3a4dff;transform:translateY(-1px)}.profile .profile-btn:active{transform:translateY(0)}.profile .profile-slogan{align-items:center;border-radius:12px;display:flex;font-size:16px;gap:8px;justify-content:center;margin-bottom:24px;padding:16px}.profile .profile-slogan.success{background-color:#689f381a;color:#689f38}.profile .profile-slogan.err{background-color:#d800271a;color:#d80027}.profile .form-section{background:#fff;border:1px solid #dce2ec;border-radius:16px;margin-bottom:24px;padding:24px;transition:all .2s ease}.profile .form-section:hover{box-shadow:0 4px 20px #2c2d3a0d}.profile .form-section h3{align-items:center;color:#2c2d3a;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px}.profile .form-section h3 svg{color:#6d7bff;height:20px;width:20px}.profile .form-row{display:flex;gap:20px;margin-bottom:20px}@media(max-width:768px){.profile .form-row{flex-direction:column;gap:12px}}.profile .form-row .form-group{flex:1;min-width:200px}.profile .form-row .form-group label{color:#2c2d3a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile .form-row .form-group input{background-color:#fff;border:1px solid #dce2ec;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.profile .form-row .form-group input:focus{border-color:#6d7bff;box-shadow:0 0 0 3px #6d7bff1a;outline:none}.profile .form-row .form-group input:disabled{background-color:#dce2ec33;cursor:not-allowed}.profile .form-row .form-group input.error{border-color:#d80027}.profile .form-row .form-group input.error:focus{box-shadow:0 0 0 3px #d800271a}.profile .form-row .form-group .error-message{color:#d80027;font-size:12px;margin-top:4px}.profile .profile-footer{border-top:1px solid #dce2ec;margin-top:40px;padding-top:20px}.profile .profile-footer .footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.profile .profile-footer .footer-links a{align-items:center;border-radius:8px;color:#2c2d3a;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.profile .profile-footer .footer-links a svg{height:16px;width:16px}.profile .profile-footer .footer-links a:hover{background-color:#dce2ec1a}.profile .profile-footer .footer-links a.danger{color:#d80027}.profile .profile-footer .footer-links a.danger:hover{background-color:#d800271a}.profile .profile-footer .footer-links a.primary{color:#6d7bff}.profile .profile-footer .footer-links a.primary:hover{background-color:#6d7bff1a}@media(max-width:768px){.profile{padding:20px}.profile .form-group-item input{min-width:100%}.profile .subscriptions .plan-item{padding:16px}.profile .subscriptions a{margin-bottom:12px;width:100%}.profile .profile-actions .actions-menu{flex-direction:column}.profile .profile-actions .actions-menu label{border-bottom:1px solid #dce2ec}.profile .profile-actions .actions-body{padding:16px}.profile .vector-2,.profile:after,.profile:before{display:none}}.profile .detailed-actions{align-items:flex-start;display:flex;gap:40px;padding:20px}.profile .detailed-actions .avatar{flex-shrink:0;width:200px}.profile .detailed-actions .change-fullname{flex:1;min-width:0}.profile .detailed-actions .change-fullname label{color:#2c2d3a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile .detailed-actions .change-fullname input{border:1px solid #dce2ec;border-radius:12px;font-size:15px;height:48px;margin-bottom:20px;padding:0 16px;transition:all .2s ease;width:100%}.profile .detailed-actions .change-fullname input:focus{border-color:#6d7bff;box-shadow:0 0 0 3px #6d7bff1a;outline:none}.profile .detailed-actions .change-fullname input:disabled{background-color:#f0f0f0;cursor:not-allowed}@media(max-width:768px){.profile .detailed-actions{align-items:center;flex-direction:column;gap:24px}.profile .detailed-actions .change-fullname{width:100%}}.profile .profile-options{border-top:1px solid #dce2ec;display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding:20px}.profile .profile-options a{align-items:center;border-radius:8px;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.profile .profile-options a svg{height:18px;width:18px}.profile .profile-options a[href="/privacy"]{color:#6d7bff}.profile .profile-options a[href="/privacy"]:hover{background-color:#6d7bff1a}.profile .profile-options a:last-child{color:#d80027}.profile .profile-options a:last-child:hover{background-color:#d800271a}@media(max-width:768px){.profile .profile-options{align-items:stretch;flex-direction:column}.profile .profile-options a{justify-content:center}}.profile .backHome{margin-bottom:32px;position:relative}.profile .backHome a{align-items:center;background:linear-gradient(135deg, #6d7bff1a, #6d7bff0d);border:1px solid #6d7bff33;border-radius:12px;color:#6d7bff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.profile .backHome a svg{height:16px;transition:transform .2s ease;width:16px}.profile .backHome a:hover{background:linear-gradient(135deg, #6d7bff26, #6d7bff14);border-color:#6d7bff4d;transform:translateY(-1px)}.profile .backHome a:hover svg{transform:translateX(-2px)}.profile .backHome a:active{transform:translateY(0)}.profile .subscriptions .plan-item{transition:all .3s ease}.profile .subscriptions .plan-item.active{background:linear-gradient(135deg, #6d7bff26, #ffa0120d);border:1px solid #6d7bff;box-shadow:0 4px 20px #6d7bff26,0 0 0 4px #6d7bff0d;display:block;position:relative;transform:translateY(-2px);width:400px}.profile .subscriptions .plan-item.active:before{background:linear-gradient(135deg, #6d7bff, #ffa012);border-radius:17px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.profile .subscriptions .plan-item.active.activated:after{align-items:center;background:#6d7bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #6d7bff4d;color:#fff;content:"✓";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:-10px;top:-10px;width:28px}.profile .subscriptions .plan-item.active label{font-weight:700}.profile .subscriptions .plan-item.active small{color:#2c2d3acc}.profile .subscriptions .plan-item:hover{box-shadow:0 4px 20px #2c2d3a1a;transform:translateY(-1px)}
