:root{--bg-gradient-jet:linear-gradient( to bottom right, hsla(240, 1%, 18%, 0.251) 0%, hsla(240, 2%, 11%, 0) 100% ), hsl(240, 2%, 13%);--green:linear-gradient( 135deg, hsla(45, 100%, 71%, 0.251) 0%, hsla(35, 100%, 68%, 0) 59.86% ), hsl(240, 2%, 13%);--border-gradient-onyx:linear-gradient( to bottom right, hsl(0, 0%, 25%) 0%, hsla(0, 0%, 25%, 0) 50% );--jet:hsl(0, 0%, 22%);--onyx:hsl(240, 1%, 17%);--eerie-black-1:hsl(240, 2%, 13%);--eerie-black-2:hsl(240, 2%, 12%);--white-1:hsl(0, 0%, 100%);--white-2:hsl(0, 0%, 98%);--green:#10dc60;--vegas-gold:hsl(45, 54%, 58%);--light-gray:hsl(0, 0%, 84%);--light-gray-70:hsla(0, 0%, 84%, 0.7);--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px hsla(0, 0%, 0%, 0.25);--shadow-2:0 16px 30px hsla(0, 0%, 0%, 0.25);--shadow-3:0 16px 40px hsla(0, 0%, 0%, 0.25);--shadow-4:0 25px 50px hsla(0, 0%, 0%, 0.15);--shadow-5:0 24px 80px hsla(0, 0%, 0%, 0.25);--transition-1:0.25s ease;--transition-2:0.5s ease-in-out}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font:normal 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body{background-image:url(../img/background);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--light-gray)}a{color:var(--green);text-decoration:none}li{list-style:none}img,button,span{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer}:focus{outline-color:var(--green)}.header,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);z-index:1}.icon-box{position:relative;background:var(--border-gradient-onyx);width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--green);box-shadow:var(--shadow-1);z-index:1}.icon-box::before{content:"";position:absolute;inset:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1}article{display:none}article.active{display:block;animation:fade 0.5s ease backwards}@keyframes fade{0%{opacity:0}100%{opacity:1}}.h3,.h4{color:var(--white-2)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.article-title{position:relative;padding-bottom:7px}.article-title::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--green);border-radius:3px}main{margin:15px 12px;min-width:259px}.header{margin-bottom:15px;max-height:112px;overflow:hidden}.header-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-top:25px;right:5px}.info-content{margin-top:20px}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);width:max-content;padding:3px 12px;border-radius:8px}.social-list{display:flex;justify-content:flex-start;align-items:center;gap:15px;padding-left:7px;margin-top:12px}.social-item .social-link{color:var(--light-gray-70);font-size:18px}.social-item .social-link:hover{color:var(--light-gray)}.navbar{position:fixed;top:0;left:0;width:100%;background:hsl(240 1% 17% / .75);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:12px 12px 0 0;box-shadow:var(--shadow-2);z-index:5}.navbar-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1)}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}.navbar-link.active{color:var(--green)}.about .article-title{margin-bottom:15px}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.about-text p{margin-bottom:15px}.service-title{margin-bottom:20px}.service-list{display:grid;grid-template-columns:1fr;gap:20px}.service-item{position:relative;background:var(--border-gradient-onyx);padding:20px;border-radius:14px;box-shadow:var(--shadow-2);z-index:1}.service-item::before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}.service-icon-box{margin-bottom:10px}.service-icon-box img{margin:auto}.service-content-box{text-align:center}.service-item-title{margin-bottom:7px}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6}.article-title{margin-bottom:30px}.timeline{margin-bottom:30px}.timeline .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child)::before{content:"";position:absolute;top:-25px;left:-30px;width:1px;height:calc(100% + 50px);background:var(--jet)}.timeline-item::after{content:"";position:absolute;top:5px;left:-33px;height:6px;width:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--jet)}.timeline-item:only-child::before{content:"";position:absolute;top:-35px;left:-40px;width:1px;height:50px;background:var(--jet)}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}.header,article{width:520px;margin-inline:auto;padding:30px}.{font-weight:var(--fw-600);padding-bottom:15px}.article-title::after{width:40px;height:5px}.icon-box{width:48px;height:48px;border-radius:12px;font-size:18px}.header{max-height:200px;margin-bottom:5px}.header-info{gap:25px}.avatar-box img{width:120px;height:130px;border-radius:30%;object-fit:cover}.info-content .title{padding:5px 18px}.navbar{border-radius:0}.navbar-list{gap:20px}.navbar-link{--fs-8:14px}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.service-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:20px}.service-icon-box{margin-bottom:0;margin-top:5px}.service-content-box{text-align:left}.timeline-list{margin-left:65px}.timeline-item:not(:last-child)::before{left:-40px}.timeline-item::after{height:8px;width:8px;left:-43px}}@media (min-width:768px){.header,article{width:700px}.navbar-link{--fs-8:15px}.article-title{padding-bottom:20px}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px hsla(0, 0%, 0%, 0.125);--shadow-2:0 16px 30px hsla(0, 0%, 0%, 0.125);--shadow-3:0 16px 40px hsla(0, 0%, 0%, 0.125)}.header,article{position:relative;width:950px;box-shadow:var(--shadow-5)}main{margin-bottom:60px}.main-content{position:relative;width:max-content;margin:auto}.navbar{position:absolute;bottom:auto;top:0;left:auto;right:0;width:max-content;border-radius:0 20px;padding:0 20px;box-shadow:none}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}.service-list{grid-template-columns:1fr 1fr;gap:20px 25px}}@media (max-width:1023px){.header{margin-top:80px;margin-bottom:5px;max-height:182px;overflow:hidden}.header-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-top:0}.navbar{position:fixed;top:0;left:0;width:100%;background:hsl(240 1% 17% / .75);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:0;box-shadow:var(--shadow-2);z-index:5}.navbar-link{--fs-8:15px}.avatar-box img{width:120px;height:130px;border-radius:30%;object-fit:cover}}@media (max-width:667px){.header{margin-top:160px;margin-bottom:5px;max-height:182px;overflow:hidden}}@media (max-width:600px){img,button,span{display:block;max-width:100%;height:auto}.header{margin-top:140px;margin-bottom:5px;max-height:182px;overflow:hidden}.header-info{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-top:0}.navbar{position:fixed;top:0;left:0;width:100%;background:hsl(240 1% 17% / .75);backdrop-filter:blur(10px);border:1px solid var(--jet);border-radius:0;box-shadow:var(--shadow-2);z-index:5}.navbar-link{--fs-8:15px}.avatar-box img{width:120px;height:130px;border-radius:30%;object-fit:cover}.info-content .name{color:var(--white-2);font-size:var(--fs-1);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-6);font-weight:var(--fw-300);width:max-content;padding:3px 12px;border-radius:8px}.timeline-item:only-child::before{left:-30px}}