:root{--brand-color: #FF395C;--blue: #006AFF;--red: #FF395D }body{margin:30px 0 100px;font-family:Helvetica,sans-serif}body.app{margin:50px 20px 100px 0;padding-left:200px;font-family:Helvetica,sans-serif;background-color:#fff}.app h2{font-size:18px}*{box-sizing:border-box}.hidden{display:none!important}h1{font-size:20px;font-weight:600;color:#333;margin:0 0 20px}h2{font-size:26px;margin:50px 0 20px}h3{font-size:14px;font-weight:700;color:#333;margin:0 0 15px}.content ol,.content ul{padding:0 0 20px 20px;margin:0}.content ol li,.content ul li{font-size:14px;color:#333;line-height:1.3;margin:0 0 10px}.content ol li a,.content ul li a{text-decoration:none}.content ol li a:hover,.content ul li a:hover{text-decoration:underline}.content figure{margin:0}.content figure img{display:block;width:100%;margin:0 0 20px}.content h2 a{text-decoration:none;color:#51a}.container{max-width:640px;margin:0 auto;padding:0 10px}@media all and (min-width: 1100px){.container.cols{display:flex;justify-content:space-between;padding:0 20px}}.container .links{margin-bottom:20px}@media all and (min-width: 1100px){.container .right{width:30%}.container .links{width:20%}}.container .links ul{list-style:none;padding:0;margin:0}.container .links ul li a{color:#51a;text-decoration:none;font-size:13px;display:block;line-height:2}@media all and (min-width: 1100px){.container .content{width:65%}}.header.shadow{box-shadow:0 0 5px #0003}.header .container{display:flex;align-items:center;justify-content:space-between;max-width:640px;padding:15px 10px;margin-bottom:10px;margin-top:10px}.header .buttons{display:flex;gap:10px}.header .buttons .buy-button{display:block;background-image:linear-gradient(#ff6a85 0%,var(--red) 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:12px 26px;border-radius:6px}.header .buttons .buy-button:hover{background-image:linear-gradient(var(--red) 0%,var(--red) 100%)}.header .buttons .login-button{display:block;color:#333;text-decoration:none;font-size:14px;font-weight:400;padding:12px 26px;border-radius:6px}.header .buttons .login-button:hover{background:#f4f4f4}.login{margin-top:100px;background:#f8f8f8;padding:40px;border-radius:12px;max-width:380px}.login h1{margin:0;font-size:18px;text-align:center}.login .logo{margin-bottom:30px;margin-top:20px}.login .button{display:block;background-image:linear-gradient(#ff6a85 0%,var(--red) 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:12px 26px;border-radius:6px;border:none;width:100%}.login .button:hover{background-image:linear-gradient(var(--red) 0%,var(--red) 100%)}.login .link{font-size:14px;color:#333;text-decoration:none}.why-not-free-link{font-size:13px;color:#777;text-align:center;display:block;margin-top:10px;text-decoration:none}.why-not-free-link:hover{text-decoration:underline}.success{margin-bottom:20px;color:green;font-size:13px}ul.errors{margin:0 0 20px;padding:0;list-style:none;color:red;font-size:13px}ul.errors li{margin:0;padding:0}ul.hormenu{list-style:none;padding:0;margin:0;display:flex;gap:15px}ul.hormenu li a{font-size:13px;color:#51a;text-decoration:none}ul.hormenu li a:hover{text-decoration:underline}.skills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.skills li{background-color:#f4f4f4;color:#333;font-size:14px;padding:5px 10px;border-radius:5px}.text-right{text-align:right}.mt-30{margin-top:30px}.mt-20{margin-top:20px}.flex{display:flex}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.project{margin-bottom:20px;border:1px solid #ddd;padding:20px;border-radius:6px}.project-name{font-size:18px;font-weight:500;margin-bottom:10px}.project-descr{font-size:14px;color:#333;margin-bottom:20px;line-height:1.5}.project-skills{font-size:14px;color:#333;margin-bottom:20px}.project-images{display:flex;gap:10px;flex-wrap:wrap}.project-images img{height:120px;display:block}.info{font-size:13px;color:#333;line-height:1.3;flex:1}a.back{color:#51a;text-decoration:none;font-size:13px;margin-bottom:20px;display:inline-block}a.back:hover{text-decoration:underline}.note{background:#ffc;padding:20px}.note p{font-size:13px;color:#333}.note p:last-child{margin:0}.profile h1{margin-bottom:5px}.profile .location{font-size:15px;color:#aaa}.profile .name{display:flex;gap:10px}.profile .name img{display:block;width:80px;border-radius:6px}.profile .name .text{display:flex;flex-direction:column;justify-content:center}.profile .name .text h1{font-size:20px;color:#333}.profile h2{margin-top:30px;font-size:18px}.job{display:flex;align-items:flex-start;justify-content:space-between;text-decoration:none;border-bottom:1px solid #ddd;padding:10px 0;flex-direction:column}@media all and (min-width: 1100px){.job{flex-direction:row;align-items:center;padding:5px 3px}}.job:hover{background:#eee}.job img{display:block;width:50px;margin-right:10px}.job .text{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:5px;gap:5px}@media all and (min-width: 1100px){.job .text{align-items:center;flex-direction:row;margin-bottom:0}}.job .text h2{font-size:14px;margin:0;color:#000;font-weight:500}.job .text .title{display:flex;gap:5px}.job .text .company{font-size:14px;color:#777;margin:0 5px 0 0}.job .text .posted{font-size:12px;border-radius:3px;padding:2px;color:#777;margin:0;background:#ddd}.job .tags{display:flex;gap:5px}.job .tags .tag{font-size:12px;font-weight:500;color:#000;background:#fff;padding:5px 10px;border-radius:4px;background:#ddd}.subscribe{background:#fff;padding:30px;border-radius:12px;margin-bottom:20px;box-shadow:5px 5px 5px #00000026;width:80%;border:1px solid #ddd}.subscribe p{text-align:center;margin:0 0 10px;font-size:16px}.subscribe .inputs{display:flex;justify-content:center;align-content:center;gap:10px}.subscribe .field{font-size:14px;background:#fff;border:2px solid #d3d3d3;padding:10px;border-radius:6px;outline:none}.subscribe .button{color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;border:2px solid var(--brand-color);background-color:transparent;color:var(--brand-color);cursor:pointer;font-weight:700}.subscribe .button:hover{background-color:var(--brand-color);color:#fff;text-decoration:none}.subscribe .button:active{opacity:.8}.jobs{position:relative}.jobs .jobs-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#fff,#fff0);display:flex;align-items:flex-end;justify-content:center}.side{background:#fff;position:fixed;top:0;left:0;bottom:0;width:180px;border-right:1px solid #ddd}.side ul{list-style-type:none;padding:0;margin:30px 0 0}.side ul li a{padding:8px 10px;text-decoration:none;color:#333;display:block;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;line-height:1}.side ul li a:hover{background-color:#f4f4f4}.side ul li svg{width:20px}.boxes{display:flex;flex-wrap:wrap;margin-bottom:20px;justify-content:flex-start;gap:10px}.box{border:1px solid #ddd;border-radius:6px;padding:5px;text-align:center;flex:0 0 calc(50% - 5px);justify-content:center;display:flex;flex-direction:column;gap:5px;height:102px}@media all and (min-width: 1100px){.box{flex:0 0 calc(50% - 5px);margin-bottom:0;padding:10px}.right .box{flex:0 0 100%}}.box-title{color:#333;font-size:14px}.box-number{font-size:20px;color:#333;font-weight:700;margin:0}@media all and (min-width: 1100px){.box-number{font-size:24px}}.box-text{font-size:14px;color:#aaa}.form .row:not(:last-child){margin-bottom:20px}.form .field-container{width:100%;position:relative}.form .field-container .field-container-label{position:absolute;top:4px;left:12px;color:#888;font-size:12px;line-height:21px}.form .field-container .field-container-label span{color:#e56456}.form .field-container .field-container-field{background-color:#fff;border:1px solid rgb(150,150,150);border-radius:8px;color:#333;line-height:21px;padding:24px 12px 6px;width:100%;outline:none;font-size:16px}.form .field-container .field-container-field:hover{background-color:#fafafa}.form .field-container .field-container-field:focus{background-color:#fafafa;border-color:#888}.form .field-container .field-container-field:focus+.field-container-label{color:#777}.form .label{font-weight:600;margin-bottom:5px;font-size:14px;display:block}.form .field{border:1px solid gray;border-radius:4px;font-size:14px;color:#1d1d1b;padding:12px 15px;outline:none;width:100%;background:#fff}.form .field:hover{border-color:#000}.form .field:focus{border-color:#000}.button{display:block;background:#fff;border:1px solid var(--blue);border-radius:6px;padding:10px 20px;font-size:14px;line-height:1;text-align:center;text-decoration:none;color:var(--blue);cursor:pointer}.button:hover{background-color:#edf6ff}.table-container{border:1px solid #ddd;border-radius:12px;margin-bottom:20px}table{background-color:#fff;border-radius:12px;width:100%;font-size:14px;border-collapse:collapse}table th{text-align:left;padding:15px;border-bottom:1px solid #ddd;text-transform:uppercase;font-size:12px;color:#777;font-weight:500}table td{padding:15px}table tr:not(:last-child){border-bottom:1px solid #ddd}.cols{display:flex;gap:20px}.col{width:400px}.col h2{font-size:12px;color:#777;font-weight:500;margin:0;text-transform:uppercase;font-weight:400;line-height:1}.col .amount{font-size:40px;margin:0;font-weight:700;line-height:1}.yearly-income{display:flex;justify-content:space-between}.yearly-income .month{width:6%;cursor:pointer;position:relative;height:200px;display:flex;align-items:flex-end}.yearly-income .month:hover .bar{opacity:.8}.yearly-income .month:active .bar{opacity:.6}.yearly-income .month.active .bar{cursor:default;opacity:.6}.yearly-income .month .bar{background:#2bde73;border-radius:6px;height:100%}.yearly-income .month .bar .income{color:#fff;font-size:12px;margin:0;text-align:center;padding:10px;font-weight:500}.income-left{color:#2bde73;font-weight:600}.yearly-income .month .month-name{font-size:10px;color:#777;text-align:center;margin-top:5px;text-transform:uppercase;font-weight:500}.yearly-income .month-inner{display:flex;justify-content:space-between;align-items:flex-end;height:100%;width:100%}.yearly-income .month-inner-inner{width:100%;height:100%}.yearly-income .month-manual{width:400px;box-shadow:0 0 10px #0009;position:absolute;top:0;left:0;background:#fff;border-radius:6px;padding:10px;z-index:9999;cursor:default}.yearly-income .month-manual svg{display:block;width:18px}.yearly-income .month-manual .name{width:70%;font-size:12px}.yearly-income .month-manual .amount{text-align:right;width:20%}.yearly-income .month-manual .delete{width:10%;display:flex;justify-content:flex-end;cursor:pointer}.yearly-income .month-manual .delete:hover{opacity:.6}.yearly-income .month-manual .delete:active{opacity:.4}.yearly-income .month-manual .new{display:flex;align-items:center;gap:5px}.yearly-income .month-manual ul{margin:0;padding:0;list-style:none}.yearly-income .month-manual ul li{margin:5px 0 0;background:#f4f4f4;font-size:14px;padding:3px;display:flex;align-items:center;justify-content:space-between;gap:5px}.yearly-income .month-manual ul li.total{background:#fff;font-weight:600}.yearly-income .month-manual input{width:100%;border:1px solid #aaa;border-radius:4px;font-size:12px;padding:5px}.yearly-income .month-manual input:focus{border-color:var(--blue);outline:none}.yearly-income .month-manual button{border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:4px;font-size:12px;padding:5px;font-weight:500;width:100px}.yearly-income .month-manual-close-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.yearly-income .month-manual-close{padding:5px;border-radius:6px;cursor:pointer}.yearly-income .month-manual-close svg{display:block;height:20px}.yearly-income .month-manual-close:hover{background:#f4f4f4}.yearly-income .month-manual-close:active{opacity:.6}.yearly-income .month-manual-title{font-size:14px}.button-group{margin-bottom:20px;display:flex}.button-group .btn{background:#fff;border:none;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;display:flex;align-items:center;padding:10px;font-weight:500}.button-group .btn.next,.button-group .btn.prev{cursor:pointer}.button-group .btn.next:hover,.button-group .btn.prev:hover{background:#f4f4f4}.button-group .current{border-width:1px 0 1px 0;border-radius:0;width:70px;justify-content:center}.button-group .prev{border-radius:6px 0 0 6px}.button-group .next{border-radius:0 6px 6px 0}.button-group .btn svg{display:block;height:18px}.demo{position:fixed;z-index:999;top:0;left:0;right:0;background:#f4f4f4;border-bottom:1px solid #ddd}.demo p{color:#333;font-size:13px;text-align:center;margin:0;padding:10px 0}.demo p .demo-buy{background-image:linear-gradient(#ff6a85 0%,var(--red) 100%);color:#fff;display:inline-block;padding:10px;border-radius:6px;text-decoration:none;line-height:1}.demo p .demo-buy:hover{background-image:linear-gradient(var(--red) 0%,var(--red) 100%);text-decoration:none;color:#fff}.demo p .demo-buy:active{opacity:.8;color:#fff}.demo p a{color:#333;font-weight:600;text-decoration:underline}.demo p a:hover{text-decoration:underline;color:#ff6384}.view-demo{text-align:center;background:#f4f4f4;padding:10px;margin-bottom:10px;box-shadow:0 0 4px #0000004d;font-size:14px}.view-demo .view-demo-link{color:#ff395d;font-weight:600;text-decoration:none;padding-bottom:1px;border-bottom:2px solid #FF6384}.view-demo .view-demo-link:hover{color:#ff6384}.view-demo .view-demo-link:active{opacity:.8}.features{margin-bottom:100px}.feature .image img{width:100%;display:block;box-shadow:0 0 30px #0000001a;border-radius:8px;padding:20px}.feature .text h2{font-size:26px;margin:0 0 20px;line-height:1.3}.feature .text p{font-size:15px;line-height:1.7;color:#666}.feature{display:flex;flex-direction:column;gap:20px;padding:40px 20px}.feature:first-child{padding-top:20px}@media all and (min-width: 1100px){.feature{flex-direction:row;gap:50px}.feature .text{display:flex;flex-direction:column;justify-content:center}.feature .text{width:40%}.feature .image{width:60%}.feature:nth-child(2n){flex-direction:row-reverse}}.packages{display:flex;gap:20px;margin-bottom:30px}.package{background:#fff;border-radius:6px;padding:15px;border:1px solid #ddd;width:300px;font-size:14px;color:#333;line-height:1.5}.package-name{font-weight:600}.package-user{display:flex;align-items:center;margin-top:5px;text-decoration:none}.package-user:hover{text-decoration:none;opacity:.8}.package-user:active{opacity:.6}.package-user-photo{width:26px;height:26px;background-size:cover;background-position:center;border-radius:50%;margin-right:5px}.package-user-name{font-size:13px;color:#333;font-weight:600}.progress{background:#f5f5f5;border-radius:6px;width:100%;height:26px;position:relative}.progress .bar{background:var(--green);height:100%;border-radius:8px;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:rgba(0,0,0,.25) 1px 1px 0px,rgba(0,0,0,.25) 0px 1px 0px,rgba(0,0,0,.1) -1px 0px 0px}.newsletter-iframe{background:#f4f4f4;border-radius:10px;padding:20px 10px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}@media all and (min-width: 1100px){.newsletter-iframe{flex-direction:row}}.newsletter-iframe h2{font-size:18px;margin:0}.single-post h1{margin-top:0;font-size:24px}.single-post h2{font-size:20px;margin-top:20px;margin-bottom:10px}.single-post p,.single-post ul li{font-size:16px;line-height:1.8;color:#333}.single-post .image{margin:0;padding:0}.single-post .image img{display:block;width:100%}.single-post .image .image__source_text p{text-align:center;font-size:12px;color:#777;margin-top:5px}.single-post .image .image__source_link{color:#777}.single-post .excerpt{font-size:16px;color:#777;line-height:1.4;margin-bottom:10px}.post-image{width:100%;display:block;margin-top:20px}.posts{list-style:none;padding:0}.posts .post{margin-bottom:20px;padding-bottom:15px}.posts .post:not(:last-child){border-bottom:1px solid #ddd}.posts .post .link{display:flex;align-items:center;text-decoration:none}.posts .post img{height:80px;margin-left:15px;margin-right:0}@media (min-width: 1024px){.posts .post img{height:160px}}.posts .post .title{font-size:20px;font-weight:600;margin-bottom:10px;color:#333;display:block}.posts .post .more{font-size:14px;font-weight:600;color:#333}.posts .post .date{font-size:14px;color:#777;margin-bottom:5px}.posts .post .excerpt{font-size:14px;color:#777;line-height:1.4;margin-bottom:10px}.posts .post .text{flex:1}nav{background:#f1f1f1;margin-bottom:20px}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-start}nav ul li a{color:#555;font-size:14px;text-decoration:none;display:block;padding:15px 10px;margin-right:10px}nav ul li a.active{background:#ddd;color:#333}nav ul li a:hover{background:#ddd}.contact-iframe iframe{background:#f4f4f4;border-radius:10px;padding:0 20px}.intro{display:flex;gap:10px;margin-bottom:20px;align-items:center}.intro-image{display:block;width:70px}.intro .logo{display:block;width:40px;margin-right:10px}.intro .intro-text{display:flex;align-items:center}.intro h1{font-size:18px;margin:0 0 5px}.intro p{font-size:15px;line-height:1.4;margin:0}.intro p:first-child{margin-top:0}.intro p:last-child{margin-bottom:0}