*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #64d6ff;--secondary-color: #ff5f56;--bg-dark: #1a1a1a;--bg-light: #f8f9fa;--text-light: #fff;--text-dark: #333}html{scroll-behavior:smooth}.hero ::selection{background:var(--primary-color);color:var(--bg-dark)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-light);overflow-x:hidden}main{margin-top:4rem}header{background:#1a1a1a1a;padding:1rem 2rem;position:fixed;width:100%;top:0;z-index:100}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{color:var(--text-light);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo-text{color:var(--primary-color)}.logo-highlight{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#logo-svg{width:2rem;height:2rem}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}:root{--footer-height: 4rem}footer{background:var(--bg-dark);color:var(--text-light);height:var(--footer-height);display:flex;justify-content:space-between;align-items:center}.footer-content{padding-left:2rem;padding-right:2rem;max-width:1200px;margin:0 auto;display:flex;flex:1;justify-content:space-between;align-items:center}.social-links{display:flex;gap:2rem}.social-link{color:var(--text-light);text-decoration:none;transition:color .3s ease}.social-link:hover{color:var(--primary-color)}.wraper-loader{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.loader{--color: #a5a5b0;--size: 70px;width:var(--size);height:var(--size);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.loader span{width:100%;height:100%;background-color:var(--color);animation:keyframes-blink .6s alternate infinite linear}.loader span:nth-child(1){animation-delay:0ms}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.3s}.loader span:nth-child(4){animation-delay:.4s}.loader span:nth-child(5){animation-delay:.5s}.loader span:nth-child(6){animation-delay:.6s}@keyframes keyframes-blink{0%{opacity:.3;transform:scale(.5) rotate(5deg)}50%{opacity:1;transform:scale(1)}}