:root{--gap: 24px;--header-height: 64px;--footer-height: 60px;--primary: rgba(0, 0, 0, .88);--secondary: rgba(0, 0, 0, .56);--tertiary: rgba(0, 0, 0, .16);--background: linear-gradient(120deg, #f0efee, #efeee6, #edeceb, #ebded7, #e0d5cf)}*,*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--primary);background:var(--background);background-repeat:none;font-family:Lato,Helvetica Neue,sans-serif;font-size:16px}.container{max-width:800px;margin:0 auto;padding:20px}.container .header{position:relative}.container .header img{max-width:100%}.container .header h1{font-size:20px;text-transform:uppercase;padding:10px 20px;letter-spacing:.1rem;margin:0;background:#afb1ff;color:#fff;display:inline-block;position:absolute;bottom:40px;left:0}.container .content{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}@media screen and (max-width: 640px){.container .content{grid-template-columns:1fr}}.container .content .box{--box-color: #00b4d8;margin:0}.container .content .box--pink{--box-color: #ffafcc}.container .content .box--green{--box-color: #52b788}.container .content .box--orange{--box-color: #f07167}.container .content .box--darkpink{--box-color: #ed64a6}.container .content .box--blue{--box-color: #0077b6}.container .content .box ::selection{background:var(--box-color);color:#fff}.container .content .box .box-header h2.box-title{display:inline-block;padding:10px 20px;font-size:14px;text-transform:uppercase;font-weight:700;color:#fff;margin:0;letter-spacing:.1em;background:var(--box-color)}.container .content .box .box-content{background:#fff;padding:20px;color:#333;font-size:14px}.container .content .box .box-content ul{padding:0}.container .content .box .box-content ul li.item{list-style:none;border-left:20px solid var(--box-color);margin:10px 0;line-height:20px;padding-left:10px;letter-spacing:.1em}.container .content .box .box-content ul li.item a{color:var(--box-color);text-decoration:none}.container .content .box .box-content ul li.item a:hover{border-bottom:1px solid var(--box-color)}.home-actions{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.top-nav{background:transparent;padding:10px 0;margin-bottom:0;display:flex;justify-content:center;border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{display:flex;gap:20px;align-items:center}.nav-link{color:#666;text-decoration:none;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.1em;transition:all .2s;padding:5px 0;position:relative}.nav-link:hover,.nav-link.active{color:#000}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#000;transition:width .2s}.nav-link:hover:after,.nav-link.active:after{width:100%}.span-full{grid-column:1 / -1}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form-group{display:flex;flex-direction:column}.contact-label{font-weight:700;margin-bottom:5px;font-size:14px;text-transform:uppercase;color:#0077b6}.contact-input,.contact-textarea{padding:10px;border:1px solid #ddd;font-family:inherit;font-size:14px;border-left:4px solid #0077b6;background:#fdfdfd}.contact-input:focus,.contact-textarea:focus{outline:none;background:#fff;border-color:#0077b6}.contact-button{background-color:#0077b6;color:#fff;border:none;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;letter-spacing:.05em;align-self:flex-start}.contact-button:hover{background-color:#023e8a}.contact-captcha-group{padding:15px;background-color:#e0f7fa;border-left:4px solid #0077b6}.contact-notice{padding:15px;margin-bottom:20px;border-left:4px solid;background-color:#f9f9f9}.contact-notice.success{border-color:#28a745;color:#155724;background-color:#d4edda}.contact-notice.error{border-color:#dc3545;color:#721c24;background-color:#f8d7da}
