:root{--primary:#FF006E;--secondary:#FFBE0B;--tertiary:#8338EC;--bg-dark:#0a0a0a;--bg-light:#1a1a1a;--text-primary:#ffffff;--text-secondary:#ffffff;--accent:#00F5FF;--gradient:linear-gradient(45deg, #FF006E, #FFBE0B, #8338EC, #FF006E);--font-main:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-display:'Space Grotesk', sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(./images/grhback.png);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.header-nav{position:fixed;top:0;left:0;width:100%;background:rgb(10 10 10 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:15px 0;border-bottom:2px solid var(--primary);transition:all 0.3s ease;height:80px}.header-nav.scrolled{padding:10px 0;background:rgb(10 10 10 / .98);height:70px}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;height:100%}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:transform 0.3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo img{width:50px;height:50px;border-radius:50%;border:2px solid var(--primary);transition:border-color 0.3s ease}.nav-logo:hover img{border-color:var(--secondary)}.nav-logo-text{margin-left:15px;font-size:24px;font-weight:800;font-family:var(--font-display);background:var(--gradient);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:gradient 3s ease infinite;text-shadow:2px 2px 4px rgb(0 0 0 / .8)}.nav-links{display:flex;gap:30px;align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:16px;position:relative;transition:color 0.3s ease;text-shadow:1px 1px 2px rgb(0 0 0 / .5)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width 0.3s ease}.nav-link:hover{color:var(--primary)}.nav-link:hover::after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;padding:0}.mobile-menu-btn span{display:block;width:100%;height:3px;background:var(--text-primary);transition:all 0.3s ease;border-radius:2px}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.content{position:relative;z-index:2;margin-top:0;padding-top:0}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgb(131 56 236 / .1) 0%,transparent 70%);padding-top:80px;margin-top:0;box-sizing:border-box}.retro-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgb(255 0 110 / .3) 1px,transparent 1px),linear-gradient(90deg,rgb(255 0 110 / .3) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-content{position:relative;z-index:2;width:100%;max-width:1200px;padding:0 20px}.glitch{font-size:clamp(3rem, 8vw, 6rem);font-weight:900;text-transform:uppercase;position:relative;text-shadow:4px 4px 8px rgb(0 0 0 / .9),.05em 0 0 rgb(255 0 110 / .75),-.025em -.05em 0 rgb(0 245 255 / .75),.025em .05em 0 rgb(255 190 11 / .75);filter:drop-shadow(2px 2px 4px rgb(0 0 0 / .8));animation:glitch 2s infinite}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before{animation:glitch-1 0.5s infinite;color:var(--accent);z-index:-1}.glitch::after{animation:glitch-2 0.5s infinite;color:var(--primary);z-index:-2}@keyframes glitch{0%,100%{text-shadow:4px 4px 8px rgb(0 0 0 / .9),.05em 0 0 rgb(255 0 110 / .75),-.025em -.05em 0 rgb(0 245 255 / .75),.025em .05em 0 rgb(255 190 11 / .75)}25%{text-shadow:4px 4px 8px rgb(0 0 0 / .9),-.05em -.025em 0 rgb(255 0 110 / .75),.025em .025em 0 rgb(0 245 255 / .75),-.05em -.05em 0 rgb(255 190 11 / .75)}50%{text-shadow:4px 4px 8px rgb(0 0 0 / .9),.025em .05em 0 rgb(255 0 110 / .75),.05em 0 0 rgb(0 245 255 / .75),0 -.05em 0 rgb(255 190 11 / .75)}75%{text-shadow:4px 4px 8px rgb(0 0 0 / .9),-.025em 0 0 rgb(255 0 110 / .75),-.025em -.025em 0 rgb(0 245 255 / .75),-.025em -.05em 0 rgb(255 190 11 / .75)}}@keyframes glitch-1{0%,100%{clip:rect(42px,9999px,44px,0);transform:skew(0.03deg)}20%{clip:rect(70px,9999px,78px,0);transform:skew(0.4deg)}40%{clip:rect(17px,9999px,86px,0);transform:skew(0.83deg)}60%{clip:rect(40px,9999px,20px,0);transform:skew(0.01deg)}80%{clip:rect(80px,9999px,61px,0);transform:skew(0.13deg)}}@keyframes glitch-2{0%,100%{clip:rect(65px,9999px,119px,0);transform:skew(0.03deg)}20%{clip:rect(40px,9999px,66px,0);transform:skew(0.9deg)}40%{clip:rect(92px,9999px,43px,0);transform:skew(0.46deg)}60%{clip:rect(43px,9999px,73px,0);transform:skew(0.24deg)}80%{clip:rect(54px,9999px,12px,0);transform:skew(0.72deg)}}.hero-subtitle{font-size:clamp(1.2rem, 3vw, 1.8rem);font-weight:600;margin:20px 0;color:var(--secondary);text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgb(0 0 0 / .8)}.hero-description{font-size:clamp(1rem, 2vw, 1.2rem);color:var(--text-secondary);margin-bottom:40px}.social-links{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border:2px solid var(--primary);border-radius:50%;color:var(--text-primary);transition:all 0.3s ease;position:relative;overflow:hidden}.social-link::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.3s ease}.social-link:hover{transform:translateY(-5px) rotate(360deg);border-color:var(--secondary)}.social-link:hover::before{width:100%;height:100%}.social-link:hover svg{position:relative;z-index:1}.cta-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:15px 40px;font-size:16px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-radius:50px;position:relative;overflow:hidden;transition:all 0.3s ease}.cta-primary{background:var(--primary);color:var(--text-primary);border:2px solid var(--primary)}.cta-secondary{background:#fff0;color:var(--text-primary);border:2px solid var(--secondary)}.cta-primary::before,.cta-secondary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--secondary);transform:translate(-50%,-50%);transition:all 0.3s ease;z-index:-1}.cta-primary:hover::before,.cta-secondary:hover::before{width:120%;height:120%}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(255 0 110 / .3)}.cta-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(255 190 11 / .3)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid var(--primary);border-radius:25px;position:relative}.scroll-indicator span::before{content:'';position:absolute;top:10px;left:50%;width:6px;height:6px;background:var(--primary);border-radius:50%;transform:translateX(-50%);animation:scroll-down 2s infinite}@keyframes scroll-down{0%{top:10px;opacity:1}100%{top:30px;opacity:0}}section{padding:80px 20px;max-width:1200px;margin:0 auto}.services-section,.portfolio-section,.crypto-section,.contact-section{opacity:1!important;transform:none!important;transition:all 0.8s ease}.services-section.visible,.portfolio-section.visible,.crypto-section.visible,.contact-section.visible{opacity:1!important;transform:translateX(0)!important}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:900;margin-bottom:20px;background:var(--gradient);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:gradient 4s ease infinite;text-shadow:3px 3px 6px rgb(0 0 0 / .8);filter:drop-shadow(1px 1px 2px rgb(0 0 0 / .7))}.section-subtitle{font-size:clamp(1rem, 2vw, 1.3rem);color:var(--text-secondary)}@keyframes gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:rgb(26 26 26 / .85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgb(255 0 110 / .3);border-radius:20px;padding:40px;position:relative;overflow:hidden;transition:all 0.3s ease}.service-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient);border-radius:20px;opacity:0;z-index:-1;transition:opacity 0.3s ease}.service-card:hover{transform:translateY(-10px)}.service-card:hover::before{opacity:1}.service-icon{width:80px;height:80px;margin-bottom:30px;position:relative}.icon-bg{position:absolute;width:100%;height:100%;background:var(--gradient);border-radius:20px;opacity:.2;animation:pulse 3s ease infinite}.icon-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:var(--primary)}@keyframes pulse{0%,100%{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.3}}.service-card h3{font-size:1.5rem;margin-bottom:15px}.service-card p{color:var(--text-secondary);margin-bottom:20px}.service-list{list-style:none}.service-list li{padding:8px 0;color:var(--text-secondary);position:relative;padding-left:25px}.service-list li::before{content:'▸';position:absolute;left:0;color:var(--secondary);font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.portfolio-item{position:relative;overflow:hidden;border-radius:20px;background:rgb(26 26 26 / .85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform 0.3s ease}.portfolio-item:hover{transform:scale(1.05)}.portfolio-image{position:relative;height:250px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(131 56 236 / .9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.view-project{color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border:2px solid var(--text-primary);border-radius:50px;transition:all 0.3s ease;text-decoration:none}.view-project:hover{background:var(--text-primary);color:var(--tertiary)}.portfolio-info{padding:20px}.portfolio-info h3{font-size:1.3rem;margin-bottom:10px}.portfolio-info p{color:var(--text-secondary);font-size:.9rem}.crypto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.crypto-card{background:rgb(26 26 26 / .85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:40px;text-align:center;transition:all 0.3s ease;border:2px solid #fff0}.crypto-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 40px rgb(255 0 110 / .2)}.crypto-icon{font-size:3rem;margin-bottom:20px}.crypto-card h3{font-size:1.5rem;margin-bottom:15px}.crypto-card p{color:var(--text-secondary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px}.contact-card{border:2px solid var(--primary);border-radius:20px;padding:40px;text-align:center;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative;overflow:hidden;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgb(26 26 26 / .85)}.contact-card.facebook{background:url(./images/fbback.webp) no-repeat center center/cover;border-color:#1877F2}.contact-card.twitter{background:url(./images/xback.webp) no-repeat center center/cover;border-color:#1DA1F2}.contact-card.telegram{background:url(./images/tgback.webp) no-repeat center center/cover;border-color:#2196F3}.contact-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 0 110 / .3),transparent);transition:left 0.5s ease}.contact-card:hover::before{left:100%}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(255 0 110 / .3)}.contact-icon{margin-bottom:20px}.contact-icon svg{fill:var(--primary);transition:fill 0.3s ease}.contact-card:hover .contact-icon svg{fill:var(--secondary)}.contact-card h3{font-size:1.3rem;margin-bottom:10px}.contact-card p{color:var(--text-secondary)}.contact-cta{text-align:center;font-size:1.2rem;color:var(--text-secondary)}.footer{background:var(--bg-light);border-top:2px solid var(--primary);padding:40px 20px;text-align:center}.footer-content p{margin:10px 0;color:var(--text-secondary)}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:var(--primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;box-shadow:0 4px 20px rgb(255 0 110 / .3)}.back-to-top.show{opacity:1!important;visibility:visible!important}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgb(255 0 110 / .5)}section{position:relative}#portfolio,#contact{scroll-margin-top:100px;visibility:visible!important;opacity:1!important}.crypto-section,.contact-section{display:block!important;visibility:visible!important}section[id]{display:block!important;visibility:visible!important}@media (max-width:768px){html{height:auto!important}body{background-attachment:scroll!important;background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(./images/grhback.png)!important;background-size:cover!important;background-position:center top!important;height:auto!important;min-height:100%!important}.nav-links{display:none;position:fixed;top:70px;left:20px;right:20px;width:calc(100vw - 40px);max-height:60vh;background:rgb(10 10 10 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--primary);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:30px;gap:20px;box-shadow:0 20px 40px rgb(0 0 0 / .5);z-index:9999;transition:all 0.3s ease;overflow-y:auto}.nav-links.active{display:flex!important}.nav-link{font-size:18px;padding:10px 20px;width:100%;text-align:center;border-radius:10px;transition:all 0.3s ease}.nav-link:hover{background:rgb(255 0 110 / .2)}.mobile-menu-btn{display:flex!important;z-index:10001;position:relative}.header-nav{padding:10px 0!important;height:70px!important}.nav-logo img{width:40px!important;height:40px!important}.nav-logo-text{font-size:20px!important}.content{margin-top:0!important;padding-top:0!important}.hero-section{min-height:100vh!important;padding-top:90px!important;padding-bottom:40px!important;justify-content:flex-start!important;margin-top:0!important}.hero-content{margin-top:20px!important;padding-top:0!important;width:100%!important;max-width:100%!important;padding-left:15px!important;padding-right:15px!important}.logo-glow{display:block!important;text-align:center!important;margin:0 auto 20px auto!important;width:150px!important}.logo-glow img{margin:0 auto!important;display:block!important}.services-section div[style*="display: flex"]{flex-direction:column!important;text-align:center!important;gap:20px!important}.services-section div[style*="flex: 1"]{flex:none!important;min-width:auto!important}.services-section div[style*="grid-template-columns"],.portfolio-section .portfolio-grid,.crypto-section .crypto-grid{grid-template-columns:1fr!important;justify-items:center!important;max-width:100%!important;margin:0 auto!important;padding:0 10px!important;gap:20px!important}.service-card,.portfolio-item,.crypto-card{width:100%!important;max-width:350px!important;margin:0 auto!important}.services-grid{grid-template-columns:1fr!important;gap:20px!important;max-width:100%!important;padding:0 10px!important}.cta-container{flex-direction:column!important;align-items:center!important;gap:15px!important}.cta-primary,.cta-secondary{width:100%!important;max-width:300px!important;text-align:center!important}.glitch{font-size:clamp(2.5rem, 10vw, 4rem)!important}.hero-subtitle{font-size:1.2rem!important;letter-spacing:2px!important}}@media (max-width:480px){html{height:100%!important}body{background-attachment:fixed!important;background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(./images/grhback.png)!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;height:100%!important;min-height:100vh!important;-webkit-background-attachment:fixed!important}.nav-logo-text{font-size:18px!important}section{padding:60px 15px!important}.section-title{font-size:2rem!important}.service-card,.crypto-card,.contact-card{padding:30px 20px!important}.hero-section{padding-top:100px!important;min-height:100vh!important;justify-content:flex-start!important}.hero-content{padding:0 15px!important;margin-top:30px!important}.glitch{font-size:clamp(2rem, 12vw, 3.5rem)!important}.hero-subtitle{font-size:1rem!important;letter-spacing:1px!important}.scroll-indicator{display:none!important}.back-to-top{width:45px!important;height:45px!important;bottom:1rem!important;right:1rem!important}}