@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*,::after,::before{font-family:Roboto,sans-serif;box-sizing:border-box}@keyframes zoomIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes fadeLeft{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-zoom-in{animation:zoomIn 1s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0}.animate-fade-left{animation:fadeLeft .5s ease-out forwards;opacity:0}.delay-300{animation-delay:.3s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}body{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;padding:20px;margin:0}.background{width:100%;height:100%;position:absolute;z-index:-1;left:0;top:0;background:#000;background:linear-gradient(135deg,#1a1a1a 0,#2d3748 50%,#1a202c 100%)}.background .image{width:110%;height:110%;object-fit:cover;opacity:.9;filter:blur(0px);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out}.background .image:not([src]){opacity:0}.background .image{will-change:transform;backface-visibility:hidden}.hero{background:0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .title-wrapper{display:flex;align-items:stretch;justify-content:center;flex-direction:row;border-radius:15px;padding:20px 25px;gap:30px;background:rgba(255,255,255,.2);backdrop-filter:blur(20px);min-height:180px;outline:1px solid rgba(0,0,0,.2)}.hero .title-wrapper>*{align-self:stretch}.hero .title-wrapper .image-wrapper{display:flex;align-items:center;justify-content:center;background:0 0;padding:0;margin:0}.hero .title-wrapper .image-wrapper .image{border-radius:15px;padding:0;margin:0;pointer-events:none;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;outline:1px solid rgba(0,0,0,.2)}.hero .title-wrapper .text-area{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;padding:0 30px}.hero .title-wrapper .text-area .title{font-size:3.5em;font-weight:700;margin:0;padding:0;margin-bottom:30px;margin-right:20px;line-height:1.1}.hero .title-wrapper .text-area .subtitle-list{padding:0;margin:0;padding-left:20px}.hero .title-wrapper .text-area .subtitle-list .item{padding:1px}.hero .title-wrapper .text-area .subtitle-list .item b{font-size:1.2em}.hero .secondary-items{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;width:100%;margin-top:20px}.hero .secondary-items ul{background:rgba(255,255,255,.2);backdrop-filter:blur(20px);border-radius:15px}.hero .secondary-items .social-list{display:flex;align-items:center;justify-content:center;flex-direction:row;height:55px;min-height:55px;margin:0;padding:10px 20px;list-style:none;gap:10px;outline:1px solid rgba(0,0,0,.2);backdrop-filter:blur(20px)}.hero .secondary-items .social-list .social-item .social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;position:relative;min-width:44px;min-height:44px}.hero .secondary-items .social-list .social-item .social-link::after{content:"";width:50px;height:50px;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);position:absolute;border-radius:50%;background:0 0;transition:.1s ease-in-out all}.hero .secondary-items .social-list .social-item .social-link:hover::after{transform:translate(-50%,-50%) scale(1);background:rgba(0,0,0,.1)}@media screen and (max-width:800px){body{padding:15px}.hero .title-wrapper{flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:20px;gap:20px}.hero .title-wrapper .image-wrapper{width:100%;height:250px;overflow:hidden;border-radius:15px}.hero .title-wrapper .image-wrapper .image{width:100%;height:100%;object-fit:cover}.hero .title-wrapper .text-area{align-items:center;justify-content:center;padding:0;width:100%}.hero .title-wrapper .text-area .title{width:100%;text-align:center;margin-right:0;font-size:2.8em;margin-bottom:20px}.hero .title-wrapper .text-area .subtitle-list{padding-left:20px;text-align:left}.hero .title-wrapper .text-area .subtitle-list .item b{font-size:1.1em}.hero .secondary-items{flex-direction:column;align-items:center;justify-content:center;margin-top:15px}.hero .secondary-items .social-list{width:100%;padding:12px 20px;height:60px;min-height:60px}}@media screen and (max-width:500px){body{padding:10px;height:100vh;overflow-x:hidden}.hero{width:100%;max-width:100%}.hero .title-wrapper{width:100%;border-radius:12px;margin:0;padding:15px;min-height:280px;gap:15px}.hero .title-wrapper .image-wrapper{width:100%;height:200px}.hero .title-wrapper .text-area .title{font-size:2.2em;margin-bottom:15px;line-height:1.1}.hero .title-wrapper .text-area .subtitle-list{padding-left:15px}.hero .title-wrapper .text-area .subtitle-list .item{padding:2px 0}.hero .title-wrapper .text-area .subtitle-list .item b{font-size:1em;line-height:1.3}.hero .secondary-items{margin-top:10px}.hero .secondary-items .social-list{border-radius:12px;margin:0;padding:10px 15px;height:55px;min-height:55px;gap:15px}.hero .secondary-items .social-list .social-item .social-link{width:48px;height:48px;min-width:48px;min-height:48px}}@media screen and (max-width:375px){body{padding:8px}.hero .title-wrapper{padding:12px;border-radius:10px}.hero .title-wrapper .text-area .title{font-size:1.8em}.hero .title-wrapper .text-area .subtitle-list .item b{font-size:.9em}.hero .secondary-items .social-list{padding:8px 12px;gap:12px}.hero .secondary-items .social-list .social-item .social-link{width:44px;height:44px;min-width:44px;min-height:44px}}