@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Silkscreen:wght@400;700&display=swap");:root{--bg-primary:#1a1c2c;--bg-secondary:#2b2d42;--bg-tertiary:#3d3d5c;--bg-card:#0f0f23;--bg-card-hover:#1a1c2c;--accent-primary:#57ff57;--accent-secondary:#f05;--accent-tertiary:#00d9ff;--accent-warning:#fc0;--text-primary:#57ff57;--text-secondary:#8b9bb4;--text-muted:#5d6d7e;--border-subtle:rgba(87,255,87,.2);--border-hover:rgba(87,255,87,.5);--glow-primary:rgba(87,255,87,.4);--glow-secondary:rgba(255,0,85,.3);--font-display:"Press Start 2P",cursive;--font-mono:"VT323",monospace;--font-body:"Silkscreen",cursive}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden}.bg-grid{top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,200,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,200,.03) 1px,transparent 0);background-size:60px 60px}.bg-glow,.bg-grid{position:fixed;pointer-events:none;z-index:0}.bg-glow{border-radius:50%;filter:blur(100px)}.bg-glow-1{top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,200,.12) 0,transparent 70%);animation:glowFloat1 20s ease-in-out infinite}.bg-glow-2{bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,51,102,.08) 0,transparent 70%);animation:glowFloat2 25s ease-in-out infinite}@keyframes glowFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}@keyframes glowFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.bg-noise{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(5,5,8,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);box-shadow:0 0 20px var(--glow-primary)}.header-inner{align-items:center;height:72px}.logo{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:2px}.logo a{color:var(--text-primary);text-decoration:none;transition:all .25s ease}.logo a:hover,.logo-bracket{color:var(--accent-primary)}.logo-bracket{opacity:.6}.logo-dot{color:var(--accent-secondary)}.main-nav ul{display:flex;list-style:none;gap:4px}.nav-link{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;gap:8px;transition:all .25s ease}.nav-index{font-size:10px;color:var(--accent-primary);opacity:.5}.nav-link.active,.nav-link:hover{color:var(--accent-primary);border-color:var(--border-subtle);background:rgba(0,255,200,.05)}.nav-link:hover .nav-index{opacity:1}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1001;zoom:.7}.mobile-menu-btn span{width:100%;height:2px;background:var(--accent-primary);transition:all .3s ease}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative}.hero-bg-decor{width:800px;height:800px;pointer-events:none}.hero-bg-decor,.hero-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring{border:1px solid var(--border-subtle);border-radius:50%;opacity:.3}.hero-ring-1{width:300px;height:300px;animation:ringRotate 30s linear infinite}.hero-ring-2{width:500px;height:500px;animation:ringRotate 45s linear infinite reverse}.hero-ring-3{width:700px;height:700px;animation:ringRotate 60s linear infinite}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hero-content{max-width:800px;text-align:center}.hero-status{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);background:rgba(0,255,200,.08);padding:8px 20px;border-radius:4px;border:1px solid var(--border-subtle);margin-bottom:40px;letter-spacing:2px}.status-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:statusBlink 1.5s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.status-time{color:var(--text-muted)}.hero-title{font-family:var(--font-display);font-size:clamp(48px,10vw,96px);font-weight:700;line-height:1.1;margin-bottom:32px;letter-spacing:4px}.title-line{display:block;opacity:0;animation:titleReveal .8s ease forwards}.title-line:first-child{animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.title-line:nth-child(3){animation-delay:.3s}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px var(--glow-primary))}.hero-desc{font-family:var(--font-mono);font-size:16px;color:var(--text-secondary);max-width:560px;margin:0 auto 48px;text-align:left;padding-left:20px;border-left:2px solid var(--border-subtle)}.typing-cursor{color:var(--accent-primary);animation:cursorBlink .8s step-end infinite;margin-right:4px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-cta{display:flex;justify-content:center;gap:16px;margin-bottom:64px;flex-wrap:wrap}.cta-primary{font-family:var(--font-mono);font-size:13px;background:var(--accent-primary);color:var(--bg-primary);padding:14px 32px;border-radius:4px;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:600;transition:all .3s ease}.cta-primary:hover{box-shadow:0 0 30px var(--glow-primary);transform:translateY(-2px)}.cta-icon{font-weight:400}.cta-key{font-size:10px;opacity:.6;padding:4px 8px;background:rgba(0,0,0,.2);border-radius:2px}.cta-secondary{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);padding:14px 32px;border:1px solid var(--border-subtle);border-radius:4px;text-decoration:none;transition:all .3s ease}.cta-secondary:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:8px}.stat-label{font-size:11px;letter-spacing:1px}.section-cta,.section-news,.section-products,.section-sites{padding:100px 0;position:relative}.section-header{margin-bottom:48px}.section-title-group{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.section-number{font-family:var(--font-mono);font-size:14px;color:var(--accent-primary);letter-spacing:2px}.section-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:2px}.section-subtitle{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.section-more{text-align:center;margin-top:48px}.more-link{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);text-decoration:none;padding:12px 24px;border:1px solid var(--border-subtle);border-radius:4px;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.more-link:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.more-arrow{transition:transform .3s ease}.more-link:hover .more-arrow{transform:translateX(4px)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .35s ease;position:relative;opacity:0;animation:cardFadeIn .6s ease forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.product-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 20px 40px rgba(0,255,200,.1)}.product-card:hover:before{transform:scaleX(1)}.product-image-wrap{position:relative;overflow:hidden}.product-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;filter:grayscale(30%);transition:all .4s ease}.product-card:hover .product-image{filter:grayscale(0);transform:scale(1.05)}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(5,5,8,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.product-view{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);padding:8px 16px;border:1px solid var(--accent-primary);border-radius:4px}.product-body{padding:24px}.product-category{font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);letter-spacing:1px;display:block;margin-bottom:12px}.product-title{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:10px;transition:color .25s ease}.product-card:hover .product-title{color:var(--accent-primary)}.product-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-subtle)}.product-price{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent-primary)}.product-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.product-corner{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent var(--border-subtle) transparent transparent;transition:border-color .3s ease}.product-card:hover .product-corner{border-color:transparent var(--accent-primary) transparent transparent}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.news-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .35s ease;position:relative;display:flex;opacity:0;animation:cardFadeIn .6s ease forwards}.news-card:hover{transform:translateY(-8px);border-color:var(--accent-secondary);box-shadow:0 20px 40px rgba(255,51,102,.1)}.news-image-wrap{width:140px;flex-shrink:0}.news-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(30%);transition:filter .3s ease}.news-card:hover .news-image{filter:grayscale(0)}.news-body{padding:20px;flex:1}.news-category{font-family:var(--font-mono);font-size:10px;color:var(--accent-secondary);letter-spacing:1px;display:block;margin-bottom:8px}.news-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.4;transition:color .25s ease}.news-card:hover .news-title{color:var(--accent-secondary)}.news-summary{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.news-accent{position:absolute;bottom:20px;right:20px;width:40px;height:40px;opacity:0;transition:opacity .3s ease}.news-card:hover .news-accent{opacity:1}.news-accent:after,.news-accent:before{content:"";position:absolute;background:var(--accent-secondary)}.news-accent:before{width:100%;height:1px;top:50%}.news-accent:after{width:1px;height:100%;left:50%}.cta-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:48px;display:flex;justify-content:space-between;align-items:center}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary),var(--accent-secondary))}.cta-box-content h3{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:12px}.cta-box-content p{color:var(--text-secondary)}.cta-box-btn,.cta-box-content p{font-family:var(--font-mono);font-size:14px}.cta-box-btn{background:transparent;color:var(--accent-primary);padding:14px 32px;border:1px solid var(--accent-primary);border-radius:4px;text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .3s ease}.cta-box-btn:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 30px var(--glow-primary)}.cta-box-arrow{transition:transform .3s ease}.cta-box-btn:hover .cta-box-arrow{transform:translateX(4px)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:60px 0 24px}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-section h4{font-family:var(--font-display);font-size:14px;color:var(--accent-primary);letter-spacing:2px;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .25s ease}.footer-section a:hover{color:var(--accent-primary);padding-left:8px}.footer-brand p{color:var(--text-muted);font-size:14px;margin-top:12px}.footer-social{display:flex;gap:12px}.social-link{font-family:var(--font-mono);font-size:12px;padding:8px 16px;border:1px solid var(--border-subtle);border-radius:4px;transition:all .25s ease;white-space:nowrap}.social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.footer-bottom{justify-content:space-between;padding-top:24px;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px}.footer-bottom,.footer-status{display:flex;align-items:center}.footer-status{gap:8px}.loading{grid-column:1/-1;text-align:center;padding:60px;font-size:13px;color:var(--text-muted)}.error-text,.loading{font-family:var(--font-mono)}.error-text{color:var(--accent-secondary)}.page-hero{padding:140px 0 60px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-subtle);margin-bottom:48px}.page-hero-content{flex:1}.page-badge{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);letter-spacing:3px;display:block;margin-bottom:16px}.page-title-text{font-family:var(--font-display);font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:2px}.page-desc{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.page-hero-stats{text-align:right}.stat-mini-value{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--accent-primary);display:block}.stat-mini-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px}.filter-bar{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:12px;background:transparent;color:var(--text-secondary);padding:10px 20px;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .25s ease}.filter-btn:hover{color:var(--accent-primary);border-color:var(--border-subtle)}.filter-btn.active{color:var(--bg-primary);background:var(--accent-primary);border-color:var(--accent-primary)}.product-link{text-decoration:none;color:inherit;display:block}.features-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.features-list span{font-family:var(--font-mono);font-size:10px;background:rgba(0,255,200,.08);padding:6px 10px;border-radius:3px;color:var(--accent-primary);border:1px solid rgba(0,255,200,.2);letter-spacing:.5px}.news-list-page{display:grid;grid-template-columns:1fr;gap:24px}.news-card-page{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .35s ease;display:flex;opacity:0;animation:cardFadeIn .6s ease forwards}.news-card-page:hover{transform:translateX(8px);border-color:var(--accent-secondary);box-shadow:0 10px 30px rgba(255,51,102,.1)}.news-card-page a{display:flex;text-decoration:none;color:inherit}@media (max-width:900px){.news-card-page a{flex-direction:column}}.news-card-page-image{width:240px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;filter:grayscale(30%);transition:all .3s ease}.news-card-page:hover .news-card-page-image{filter:grayscale(0);transform:scale(1.02)}.news-card-page-body{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:center}.news-card-page:hover .news-card-page-body .news-title{color:var(--accent-secondary)}.news-card-page:hover .news-card-page-accent{opacity:1}.news-card-page-accent{position:absolute;bottom:24px;right:24px;width:30px;height:30px;opacity:0;transition:opacity .3s ease}.news-card-page-accent:after,.news-card-page-accent:before{content:"";position:absolute;background:var(--accent-secondary)}.news-card-page-accent:before{width:100%;height:1px;top:50%}.news-card-page-accent:after{width:1px;height:100%;left:50%}.about-hero{padding:140px 0 60px;text-align:center;position:relative}.about-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,200,.1) 0,transparent 70%);pointer-events:none}.about-title{font-family:var(--font-display);font-size:56px;font-weight:700;margin-bottom:20px;letter-spacing:3px}.about-subtitle{font-family:var(--font-mono);font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto}.about-sections{padding:60px 0}.about-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:48px;margin-bottom:32px;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-primary)}.about-card-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px}.about-card-title span{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);letter-spacing:1px}.about-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.about-card p:last-child{margin-bottom:0}.about-card-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border-subtle)}.highlight-item{text-align:center}.highlight-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:8px}.highlight-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border-subtle)}.timeline-item{position:relative;padding-bottom:32px}.timeline-item:before{content:"";position:absolute;left:-36px;top:4px;width:10px;height:10px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--glow-primary)}.timeline-year{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);margin-bottom:8px;letter-spacing:1px}.timeline-content h4{font-family:var(--font-display);font-size:18px;margin-bottom:8px}.timeline-content p{color:var(--text-secondary);font-size:14px}.contact-hero{padding:140px 0 60px;text-align:center}.contact-title{font-family:var(--font-display);font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:2px}.contact-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:60px 0}.contact-form-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:40px;position:relative}.contact-form-wrap:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary))}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{margin-bottom:24px}.form-field label{display:block;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);margin-bottom:10px;letter-spacing:1px}.form-field input,.form-field textarea{width:100%;padding:14px 16px;background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:4px;font-size:14px;color:var(--text-primary);font-family:var(--font-body);transition:all .25s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-primary);background:rgba(0,255,200,.05);box-shadow:0 0 20px rgba(0,255,200,.1)}.form-field textarea{min-height:140px;resize:vertical}.btn-submit{font-family:var(--font-mono);font-size:13px;background:transparent;color:var(--accent-primary);padding:14px 32px;border:1px solid var(--accent-primary);border-radius:4px;cursor:pointer;letter-spacing:2px;transition:all .3s ease;width:100%}.btn-submit:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 30px var(--glow-primary)}.contact-info-wrap{display:flex;flex-direction:column;gap:24px}.contact-info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:24px;transition:all .25s ease}.contact-info-card:hover{border-color:var(--accent-primary)}.contact-info-icon{font-family:var(--font-display);font-size:24px;color:var(--accent-primary);margin-bottom:12px}.contact-info-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px}.contact-info-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.contact-info-text a{color:var(--text-secondary);text-decoration:none;transition:color .25s ease}.contact-info-text a:hover{color:var(--accent-primary)}@media (max-width:900px){.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.about-card-highlight,.contact-wrapper{grid-template-columns:1fr}.about-card-highlight{gap:24px}.news-card-page{flex-direction:column}.news-card-page-image{width:100%;height:180px}}@media (max-width:768px){.header-inner{height:60px}.logo{font-size:18px}.logo a{color:inherit;text-decoration:none}.mobile-menu-btn{display:flex}.main-nav{position:fixed;top:60px;left:0;right:0;background:rgba(5,5,8,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav ul{flex-direction:column;gap:0}.nav-link{padding:14px 16px;font-size:14px;width:100%;border-radius:0;border:none;border-bottom:1px solid var(--border-subtle);justify-content:space-between}.nav-link:last-child{border-bottom:none}.nav-index{display:block;opacity:1}.hero{padding-top:100px}.hero-title{font-size:42px;letter-spacing:2px}.hero-desc{font-size:14px;padding-left:0;border-left:none;text-align:center}.hero-cta{flex-direction:column;align-items:center}.hero-stats{gap:32px}.stat-value{font-size:28px}.news-grid,.products-grid{grid-template-columns:1fr}.news-card{flex-direction:column}.news-image-wrap{width:100%;height:160px}.cta-box{flex-direction:column;text-align:center;gap:24px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px}.page-hero{flex-direction:column;align-items:flex-start;gap:24px}.page-hero-stats{text-align:left}.page-title-text{font-size:36px}.filter-bar{gap:8px}.filter-btn{padding:8px 14px;font-size:11px}.form-row{grid-template-columns:1fr}.about-title{font-size:36px}.about-card{padding:32px 24px}.contact-title{font-size:36px}.contact-form-wrap{padding:24px}.detail-title{font-size:28px}.detail-sidebar{grid-template-columns:1fr}.detail-info-card{position:static}}.detail-hero{padding:140px 0 40px}.detail-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.detail-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .25s ease}.detail-breadcrumb a:hover,.detail-breadcrumb span{color:var(--accent-primary)}.detail-header-page{margin-bottom:40px}.detail-category{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);background:rgba(0,255,200,.1);padding:8px 16px;border-radius:4px;border:1px solid rgba(0,255,200,.3);letter-spacing:1px;margin-bottom:16px}.detail-title{font-family:var(--font-display);font-size:40px;font-weight:700;margin-bottom:20px;line-height:1.3}.detail-meta-page{display:flex;gap:24px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.detail-meta-page span{display:flex;align-items:center;gap:8px}.detail-image-page{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:40px;filter:grayscale(20%)}.detail-body{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:40px}.detail-body p{color:var(--text-secondary);line-height:1.9;margin-bottom:20px}.detail-body p:last-child{margin-bottom:0}.detail-sidebar{display:grid;grid-template-columns:1fr;gap:40px}.detail-info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:32px;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.detail-price-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:8px;letter-spacing:1px}.detail-price-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent-primary);margin-bottom:24px}.detail-cta-btn{font-family:var(--font-mono);font-size:14px;background:var(--accent-primary);color:var(--bg-primary);padding:16px 32px;border:none;border-radius:4px;cursor:pointer;width:100%;letter-spacing:1px;transition:all .3s ease;margin-bottom:16px}.detail-cta-btn:hover{box-shadow:0 0 30px var(--glow-primary)}.detail-info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);font-size:14px}.detail-info-row:last-child{border-bottom:none}.detail-info-row span:first-child{color:var(--text-muted)}.detail-info-row span:last-child{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-login-section{padding:60px 0}.admin-login-card{max-width:400px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:40px;position:relative}.admin-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary))}.admin-error{color:var(--accent-secondary);font-family:var(--font-mono);font-size:12px;text-align:center;margin-top:16px}.admin-main{padding:40px 0 80px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.admin-tab,.admin-tabs{display:flex;gap:8px}.admin-tab{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:transparent;padding:12px 24px;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;align-items:center;transition:all .25s ease}.admin-tab:hover{color:var(--accent-primary);border-color:var(--border-subtle)}.admin-tab.active{color:var(--bg-primary);background:var(--accent-primary);border-color:var(--accent-primary)}.tab-icon{font-size:11px;opacity:.8}.admin-actions{display:flex;gap:12px}.btn-download{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);background:transparent;padding:12px 20px;border:1px solid var(--accent-primary);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease}.btn-download:hover{background:var(--accent-primary);color:var(--bg-primary)}.btn-logout{font-family:var(--font-mono);font-size:12px;color:var(--accent-secondary);background:transparent;padding:12px 20px;border:1px solid var(--accent-secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease}.btn-logout:hover{background:var(--accent-secondary);color:var(--bg-primary)}.admin-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.admin-editor{display:grid;grid-template-columns:300px 1fr 320px;gap:0;min-height:600px}.admin-editor-sidebar{background:rgba(0,0,0,.2);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.admin-list-header{padding:20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.admin-list-header h3{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary)}.btn-add{font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);background:transparent;padding:8px 12px;border:1px solid var(--accent-primary);border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.btn-add:hover{background:var(--accent-primary);color:var(--bg-primary)}.admin-list{flex:1;overflow-y:auto;padding:8px}.admin-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative}.admin-list-item:hover{background:rgba(0,255,200,.08)}.admin-list-item.active{background:rgba(0,255,200,.15);border:1px solid var(--border-subtle)}.item-image{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-info{flex:1;min-width:0}.item-name{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-category,.item-price{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.item-price{color:var(--accent-primary)}.item-delete{font-size:18px;color:var(--text-muted);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease}.item-delete:hover{background:var(--accent-secondary);color:var(--bg-primary)}.admin-editor-main{padding:32px;overflow-y:auto}.admin-editor-preview{background:rgba(0,0,0,.2);border-left:1px solid var(--border-subtle);padding:24px;overflow-y:auto}.admin-editor-preview h4{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.admin-form{display:flex;flex-direction:column;gap:24px}.form-section{background:rgba(0,0,0,.2);border:1px solid var(--border-subtle);border-radius:6px;padding:20px}.form-section h4{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--accent-primary);margin-bottom:16px;letter-spacing:1px}.form-actions{display:flex;gap:12px}.btn-save{font-family:var(--font-mono);font-size:13px;background:var(--accent-primary);color:var(--bg-primary);padding:12px 32px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease}.btn-save:hover{box-shadow:0 0 20px var(--glow-primary)}.btn-cancel{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:transparent;padding:12px 32px;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .25s ease}.btn-cancel:hover{border-color:var(--text-secondary)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.empty-icon{font-family:var(--font-display);font-size:24px;margin-bottom:16px;opacity:.5}.admin-empty p{font-family:var(--font-mono);font-size:13px}.preview-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.preview-image{width:100%;height:160px;overflow:hidden}.preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(30%)}.preview-body{padding:16px}.preview-category{font-family:var(--font-mono);font-size:10px;color:var(--accent-primary);letter-spacing:1px;display:block;margin-bottom:10px}.preview-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.3}.preview-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-features{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.preview-features span{font-family:var(--font-mono);font-size:9px;background:rgba(0,255,200,.08);padding:4px 8px;border-radius:3px;color:var(--accent-primary);border:1px solid rgba(0,255,200,.2);letter-spacing:.5px}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-subtle)}.preview-price{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--accent-primary)}.preview-date{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.preview-card-news{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.preview-card-news .preview-image{height:140px}.preview-summary{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}@media (max-width:1200px){.admin-editor{grid-template-columns:260px 1fr}.admin-editor-preview{display:none}}.download-group{display:flex;flex-wrap:nowrap;gap:8px}.btn-download-csv,.btn-download-json{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);background:transparent;padding:12px 20px;border:1px solid var(--accent-primary);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease;white-space:nowrap}.btn-download-csv:hover,.btn-download-json:hover{background:var(--accent-primary);color:var(--bg-primary)}.image-input-group{display:flex;gap:8px}.image-input-group input[type=text]{flex:1}.btn-upload{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);background:rgba(0,255,200,.08);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-upload:hover:not(:disabled){background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.contact-count{font-family:var(--font-mono);font-size:11px;color:var(--accent-secondary);background:rgba(255,51,102,.1);padding:4px 8px;border-radius:3px}.admin-list-item.unread{border-left:2px solid var(--accent-secondary)}.item-email{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px}.contact-status{display:flex;align-items:center;gap:8px}.status-badge{font-family:var(--font-mono);font-size:11px;padding:4px 12px;border-radius:3px;display:inline-block}.status-badge.unread{background:rgba(255,51,102,.2);color:var(--accent-secondary);border:1px solid rgba(255,51,102,.3)}.status-badge.read{background:hsla(0,0%,100%,.1);color:var(--text-secondary)}.status-badge.replied{background:rgba(0,255,200,.1);color:var(--accent-primary);border:1px solid rgba(0,255,200,.3)}.btn-mark-read{font-family:var(--font-mono);font-size:13px;background:transparent;color:var(--text-secondary);padding:12px 32px;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .25s ease}.btn-mark-read:hover:not(:disabled){color:var(--accent-primary);border-color:var(--accent-primary)}.btn-mark-read.disabled{opacity:.5;cursor:not-allowed}.preview-card-contact{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.preview-email{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:10px}.preview-message{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.preview-reply{margin-top:16px;padding:12px;background:rgba(0,255,200,.05);border:1px solid rgba(0,255,200,.2);border-radius:4px}.reply-header{font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);margin-bottom:8px;font-weight:600}.reply-content{font-size:13px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}@media (max-width:480px){.tab-icon{display:none}}@media (max-width:900px){.admin-editor{grid-template-columns:1fr}.admin-editor-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle)}.admin-list-header h3,.btn-add{font-size:12px}.image-input-group{flex-direction:column}}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.site-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;animation:cardFadeIn .6s ease forwards;animation-delay:var(--delay,0s)}.site-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:10}.site-card:after{content:"";position:absolute;inset:0;border-radius:8px;opacity:0;transition:opacity .4s ease;pointer-events:none;box-shadow:inset 0 0 30px rgba(0,255,200,.05)}.site-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 40px rgba(0,255,200,.15),inset 0 0 30px rgba(0,255,200,.03)}.site-card:hover:before{transform:scaleX(1)}.site-card:hover:after{opacity:1}.site-link{text-decoration:none;color:inherit;display:block}.site-thumbnail-wrap{position:relative;overflow:hidden;aspect-ratio:3/2}.site-scan-line{position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:scanMove 3s ease-in-out infinite;z-index:8;opacity:.6}.site-card:hover .site-scan-line{animation-duration:1.5s}.site-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(40%) contrast(1.1);transition:all .5s cubic-bezier(.4,0,.2,1)}.site-card:hover .site-thumbnail{filter:grayscale(0) contrast(1);transform:scale(1.08)}.site-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(0,255,200,.3) 0,transparent 70%);border-radius:50%;opacity:0;transition:all .5s ease;pointer-events:none}.site-card:hover .site-glow{width:200px;height:200px;opacity:1}.site-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(5,5,8,.3),rgba(5,5,8,.9)),rgba(5,5,8,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.site-card:hover .site-overlay{opacity:1}.site-visit{font-family:var(--font-mono);font-size:13px;color:var(--accent-primary);padding:14px 28px;border:1px solid var(--accent-primary);border-radius:4px;display:flex;align-items:center;gap:10px;transition:all .3s ease;transform:translateY(10px);opacity:0}.site-card:hover .site-visit{transform:translateY(0);opacity:1;transition-delay:.1s}.site-visit:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 25px var(--glow-primary)}.visit-icon{font-size:16px;transition:transform .3s ease}.site-visit:hover .visit-icon{transform:translate(3px,-3px)}.site-number{position:absolute;top:12px;left:12px;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);opacity:.15;z-index:5;text-shadow:0 0 20px var(--accent-primary);transition:opacity .3s ease,text-shadow .3s ease}.site-card:hover .site-number{opacity:.4;text-shadow:0 0 30px var(--accent-primary)}.site-body{padding:24px;position:relative}.site-body:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.site-name{font-family:var(--font-display);font-size:20px;font-weight:600;transition:color .25s ease;position:relative}.site-card:hover .site-name{color:var(--accent-primary);text-shadow:0 0 20px var(--glow-primary)}.site-slug{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:4px 10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:3px;letter-spacing:1px}.site-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-tags{display:flex;gap:8px;flex-wrap:wrap}.site-tag{font-family:var(--font-mono);font-size:10px;color:var(--accent-tertiary);padding:6px 12px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);border-radius:3px;letter-spacing:.5px;transition:all .25s ease}.site-tag:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.site-corner{position:absolute;width:20px;height:20px;border-color:var(--border-subtle);border-style:solid;transition:border-color .3s ease;opacity:.5}.site-corner-tl{top:0;left:0;border-width:2px 0 0 2px;border-radius:8px 0 0 0}.site-corner-br{bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 8px 0}.site-card:hover .site-corner{border-color:var(--accent-primary);opacity:1}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--accent-primary);border-radius:50%;left:var(--x);opacity:.4;animation:particleFloat var(--duration) linear infinite;animation-delay:var(--delay)}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) scale(1);opacity:0}}.hero-grid-line{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,200,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,200,.03) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,transparent 100%)}.hero-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--accent-primary);opacity:0}.hero-pulse-1,.hero-pulse-2{width:400px;height:400px;animation:pulseExpand 4s ease-out infinite}.hero-pulse-2{animation-delay:2s}@keyframes pulseExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.3}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.status-line{width:40px;height:1px;background:var(--border-subtle);margin:0 12px}.hero-stats{justify-content:center;gap:48px;margin-top:48px;flex-wrap:wrap}.hero-stats .stat-item{text-align:center}.hero-stats .stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:8px;text-shadow:0 0 20px var(--glow-primary)}.hero-stats .stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px}.section-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,255,200,.03) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(139,92,246,.03) 0,transparent 50%);pointer-events:none}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-subtle),transparent);margin-left:24px}.cta-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:200px;background:radial-gradient(ellipse,rgba(0,255,200,.08) 0,transparent 70%);pointer-events:none}.cta-box-decoration{position:absolute;top:-1px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}.cta-deco-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-primary),transparent)}.cta-deco-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--glow-primary);margin:0 20px}.cta-badge{font-family:var(--font-mono);font-size:10px;color:var(--accent-primary);letter-spacing:2px;margin-bottom:12px;display:inline-block;padding:4px 12px;background:rgba(0,255,200,.08);border:1px solid rgba(0,255,200,.2);border-radius:3px}.cta-box{position:relative;overflow:hidden}.cta-box:before{display:none}.cta-hint{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;padding:14px 32px;border:1px solid var(--border-subtle);border-radius:4px;transition:all .3s ease}.cta-hint:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(0,255,200,.05)}.cta-hint .cta-key{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:768px){.sites-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.hero-stats .stat-value{font-size:24px}}.hero-hologram{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,255,200,.02) 50%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,200,.01) 0,rgba(0,255,200,.01) 4px);animation:hologramFlicker 4s ease-in-out infinite;pointer-events:none}@keyframes hologramFlicker{0%,to{opacity:.5}50%{opacity:.8}52%{opacity:.3}54%{opacity:.7}}.hero-data-flow{position:absolute;right:10%;top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:4px;height:100px}.data-bar{width:4px;background:var(--accent-primary);opacity:.3;animation:dataFlow 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}.data-bar:nth-child(odd){animation-duration:1.2s}@keyframes dataFlow{0%,to{height:10%;opacity:.2}50%{height:80%;opacity:.6}}.hero-scanner{bottom:0;overflow:hidden;pointer-events:none}.hero-scanner,.scanner-line{position:absolute;top:0;left:0;right:0}.scanner-line{height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:scannerMove 3s linear infinite;box-shadow:0 0 20px var(--accent-primary)}@keyframes scannerMove{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.status-blink{color:var(--accent-primary);margin-left:8px;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.stat-ring{width:60px;height:60px;margin:0 auto 12px;position:relative}.stat-ring svg{transform:rotate(-90deg)}.stat-ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:2}.stat-ring-fill{fill:none;stroke:var(--accent-primary);stroke-width:2;stroke-linecap:round;animation:ringDraw 2s ease-out forwards}@keyframes ringDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.scan-effect{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,200,.03),transparent);animation:sectionScan 5s linear infinite}@keyframes sectionScan{0%{left:-50%}to{left:100%}}.site-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,200,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,200,.05) 1px,transparent 0);background-size:20px 20px;pointer-events:none;opacity:.5}.site-status-indicator{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);display:flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(0,0,0,.6);border-radius:3px;z-index:5}.status-dot-online{width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.site-progress{margin-top:16px;height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));border-radius:2px;width:var(--progress,0);transition:width .5s ease}.site-tech-lines{position:absolute;bottom:60px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;opacity:.3}.site-tech-lines span{width:30px;height:1px;background:linear-gradient(90deg,var(--accent-primary),transparent)}.site-tech-lines span:nth-child(2){background:linear-gradient(90deg,var(--accent-tertiary),transparent)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.loading-spinner{position:relative;width:60px;height:60px;margin-bottom:24px}.spinner-ring{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:spinRing 1.5s linear infinite}.spinner-ring:first-child{border-top-color:var(--accent-primary);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--accent-tertiary);animation-delay:.15s;inset:6px}.spinner-ring:nth-child(3){border-bottom-color:var(--accent-secondary);animation-delay:.3s;inset:12px}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.glow-orb{position:absolute;border-radius:50%;filter:blur(40px);animation:orbFloat 6s ease-in-out infinite}.glow-orb-1{width:150px;height:150px;background:rgba(0,255,200,.15);top:-50px;left:20%}.glow-orb-2{width:120px;height:120px;background:rgba(139,92,246,.1);bottom:-30px;right:20%;animation-delay:3s}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.cta-box-btn{position:relative;overflow:hidden}.btn-glitch{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:glitchSlide 3s ease-in-out infinite}@keyframes glitchSlide{0%,to{left:-100%}50%{left:100%}}.badge-icon{margin-right:8px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.section-footer-tech{padding:40px 0;text-align:center}.tech-decoration{display:flex;align-items:center;justify-content:center;gap:16px}.tech-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle))}.tech-line:last-child{background:linear-gradient(90deg,var(--border-subtle),transparent)}.tech-text{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:2px}.site-card{--card-hue:170}.site-card:hover{--card-hue:180}.site-card.active .site-glow{background:radial-gradient(circle,hsla(var(--card-hue,170),100%,50%,.4) 0,transparent 70%)}.gallery-page{opacity:0;transition:opacity .8s ease}.gallery-page.loaded{opacity:1}.gallery-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:32px 48px;background:linear-gradient(180deg,var(--bg-primary) 0,transparent 100%)}.header-inner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1600px;margin:0 auto}.brand-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-muted);display:block;margin-bottom:8px}.brand-title{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text-primary);letter-spacing:1px}.gallery-nav{text-align:right}.nav-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px}.hero-gallery{min-height:70vh;display:flex;align-items:center;padding:180px 48px 80px;position:relative}.hero-gallery:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,transparent 0,var(--bg-secondary) 100%);pointer-events:none}.hero-content{max-width:1600px;margin:0 auto;width:100%}.hero-text{max-width:700px}.hero-overline{font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-muted);display:block;margin-bottom:24px}.hero-title-large{font-family:var(--font-display);font-size:clamp(48px,8vw,100px);font-weight:400;line-height:1.1;color:var(--text-primary);margin-bottom:32px}.hero-title-large span{display:block}.hero-title-large .italic{font-style:italic;color:var(--accent-secondary);margin-left:40px}.hero-description{font-family:var(--font-body);font-size:20px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:500px}.hero-meta{display:flex;align-items:center;gap:20px}.meta-item{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px}.meta-divider{width:40px;height:1px;background:var(--border-subtle)}.gallery-section{padding:80px 48px 120px;max-width:1600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 64px}.gallery-item{opacity:0;transform:translateY(40px);animation:galleryFadeIn .8s ease forwards;animation-delay:var(--item-delay,0s)}.gallery-page.loaded .gallery-item{animation-play-state:running}@keyframes galleryFadeIn{to{opacity:1;transform:translateY(0)}}.item-1{grid-column:1;grid-row:1}.item-2{grid-column:2;grid-row:1;margin-top:120px}.item-3{grid-column:1;grid-row:2}.item-4{grid-column:2;grid-row:2;margin-top:80px}.item-5{grid-column:1/-1;max-width:60%;margin:60px auto 0}.item-link{display:block;text-decoration:none;color:inherit;position:relative}.item-image-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bg-tertiary)}.item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.item-link:hover .item-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:rgba(26,26,26,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.item-link:hover .image-overlay{opacity:1}.overlay-content{display:flex;align-items:center;gap:16px;color:#fff}.view-label{font-family:var(--font-mono);font-size:12px;letter-spacing:2px}.view-arrow{font-size:20px;transition:transform .3s ease}.item-link:hover .view-arrow{transform:translateX(8px)}.item-info{display:flex;align-items:flex-start;padding:24px 0;border-top:1px solid var(--border-subtle);margin-top:20px}.item-number{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text-muted);line-height:1;margin-right:32px}.item-details{flex:1}.item-name{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;transition:color .3s ease}.item-link:hover .item-name{color:var(--accent-secondary)}.item-category{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px;margin-left:5px}.item-link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);transition:all .3s ease}.item-link-icon svg{width:16px;height:16px;color:var(--text-muted);transition:all .3s ease}.item-link:hover .item-link-icon{border-color:var(--accent-secondary);background:var(--accent-secondary)}.item-link:hover .item-link-icon svg{color:#fff}.item-border{position:absolute;top:0;right:0;width:60px;height:60px;border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);opacity:0;transition:opacity .3s ease}.item-link:hover .item-border{opacity:1;border-color:var(--accent-secondary)}.cta-section{padding:120px 48px;background:var(--bg-secondary);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-overline{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--text-muted);display:block;margin-bottom:24px}.cta-title{font-family:var(--font-display);font-size:42px;font-weight:400;color:var(--text-primary);margin-bottom:16px}.cta-description{font-family:var(--font-body);font-size:18px;color:var(--text-secondary);margin-bottom:40px}.cta-button{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-primary);text-decoration:none;padding:16px 40px;border:1px solid var(--text-primary);transition:all .3s ease}.cta-button:hover{background:var(--text-primary);color:#fff}.button-icon{transition:transform .3s ease}.cta-button:hover .button-icon{transform:translateX(6px)}.gallery-footer{padding:40px 48px;background:var(--bg-primary)}.footer-inner{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-text{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px}.footer-lines{display:flex;gap:8px}.footer-lines span{width:40px;height:1px;background:var(--border-subtle)}@media (max-width:1024px){.cta-section,.gallery-footer,.gallery-header,.gallery-section,.hero-gallery{padding-left:24px;padding-right:24px}.gallery-grid{grid-template-columns:1fr;gap:40px}.item-1,.item-2,.item-3,.item-4,.item-5{grid-column:1;grid-row:auto;margin-top:0;max-width:100%}.hero-title-large .italic{margin-left:20px}}@media (max-width:768px){.gallery-header{padding:20px 24px}.brand-title{font-size:14px}.hero-gallery{min-height:50vh;padding:140px 24px 60px}.hero-title-large{font-size:36px}.hero-description{font-size:16px}.item-info{flex-wrap:wrap}.item-number{font-size:24px;margin-right:16px}.item-link-icon{display:none}.cta-title{font-size:28px}.footer-inner{flex-direction:column;gap:16px;text-align:center}}.brutalist-page{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.brutalist-page.ready{opacity:1;transform:translateY(0)}.noise-overlay{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:999}.brutalist-header{position:relative;border-bottom:2px solid var(--accent-primary)}.header-bar{display:flex;border-bottom:1px solid var(--border-subtle)}.bar-block{flex:1;height:8px;background:var(--accent-primary);opacity:.3}.bar-block:nth-child(2){opacity:.1}.header-content{padding:40px 48px;display:flex;align-items:center;gap:32px}.header-badge{font-family:var(--font-mono);font-size:12px;color:var(--accent-secondary);padding:8px 16px;border:1px solid var(--accent-secondary);letter-spacing:2px}.header-title{font-family:var(--font-body);font-size:48px;letter-spacing:8px;line-height:1;color:var(--accent-primary)}.header-meta{display:flex;gap:32px;padding:16px 48px;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:2px}.hero-brutalist{position:relative;min-height:80vh;padding:80px 48px;overflow:hidden}.hero-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none}.grid-cell{border:1px solid var(--border-subtle)}.hero-main{position:relative;z-index:2;max-width:1200px;margin:0 auto}.hero-label{font-family:var(--font-mono);font-size:11px;color:var(--accent-secondary);letter-spacing:4px;margin-bottom:24px;display:inline-block;padding:8px 16px;background:var(--accent-secondary);color:var(--bg-primary)}.hero-title-big{display:flex;flex-direction:column;gap:0}.title-huge{font-family:var(--font-body);font-size:clamp(60px,15vw,160px);line-height:.85;letter-spacing:12px;color:var(--accent-primary)}.title-huge.accent{color:var(--accent-secondary);text-shadow:4px 4px 0 var(--accent-tertiary)}.hero-divider{width:100%;height:4px;background:var(--accent-primary);margin:32px 0}.hero-text{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);max-width:500px;line-height:1.8;margin-bottom:48px}.hero-stats{display:flex;gap:24px}.stat-box{padding:20px 32px;border:1px solid var(--border-subtle);text-align:center;transition:all .3s ease}.stat-box:hover{border-color:var(--accent-primary);background:var(--bg-card)}.stat-box.highlight{border-color:var(--accent-secondary);background:var(--accent-secondary)}.stat-box.highlight .stat-label,.stat-box.highlight .stat-num{color:var(--bg-primary)}.stat-num{font-family:var(--font-body);font-size:32px;color:var(--accent-primary);display:block}.stat-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:2px}.hero-decoration{position:absolute;top:80px;right:48px;display:flex;flex-direction:column;gap:16px}.deco-line{width:80px;height:4px;background:var(--accent-tertiary)}.deco-box{width:60px;height:60px;border:2px solid var(--accent-primary)}.deco-circle{width:40px;height:40px;background:var(--accent-secondary);border-radius:50%;margin-left:auto}.templates-section{padding:80px 48px;border-top:2px solid var(--accent-primary)}.section-header-brutalist{display:flex;align-items:center;gap:24px;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.section-index{font-family:var(--font-mono);font-size:48px;color:var(--text-muted);line-height:1}.section-title-brutalist{font-family:var(--font-body);font-size:36px;letter-spacing:4px;color:var(--accent-primary)}.section-line-brutalist{flex:1;height:2px;background:var(--accent-primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;max-width:1200px;margin:0 auto}.template-card{position:relative;opacity:0;transform:translateY(30px);animation:cardReveal .6s ease forwards;animation-delay:calc(var(--card-index, 0) * .1s + .3s)}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.card-link{display:block;text-decoration:none;color:inherit}.card-image-container{position:relative;aspect-ratio:16/10;overflow:hidden;border:2px solid var(--border-subtle);transition:border-color .3s ease}.card-link:hover .card-image-container{border-color:var(--accent-secondary)}.card-frame{position:absolute;inset:0;pointer-events:none}.frame-corner{position:absolute;width:20px;height:20px;border:2px solid var(--accent-primary)}.frame-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.frame-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.frame-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.frame-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(50%);transition:all .5s ease}.card-link:hover .card-image{filter:grayscale(0);transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:rgba(255,61,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.card-link:hover .card-overlay{opacity:1}.overlay-text{font-family:var(--font-body);font-size:24px;letter-spacing:4px;color:var(--accent-primary)}.card-content{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-subtle);margin-top:16px}.card-number{font-family:var(--font-body);font-size:48px;color:var(--text-muted);line-height:1}.card-info{flex:1}.card-name{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--accent-primary);margin-bottom:4px;transition:color .3s ease}.card-link:hover .card-name{color:var(--accent-secondary)}.card-url{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:1px}.card-tags{display:flex;gap:8px}.tag-brutalist{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);padding:6px 10px;letter-spacing:1px}.card-arrow,.tag-brutalist{border:1px solid var(--border-subtle)}.card-arrow{position:absolute;bottom:20px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted);transition:all .3s ease}.card-link:hover .card-arrow{background:var(--accent-secondary);border-color:var(--accent-secondary);color:var(--bg-primary)}.cta-brutalist{padding:80px 48px;background:var(--bg-secondary);border-top:2px solid var(--accent-primary)}.cta-box-brutalist{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:40px;border:2px solid var(--accent-primary);position:relative}.cta-icon-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--accent-tertiary);font-size:32px;color:var(--bg-primary);flex-shrink:0}.cta-content-brutalist{flex:1}.cta-label{font-family:var(--font-mono);font-size:10px;color:var(--accent-secondary);display:block}.cta-label,.cta-title-brutalist{letter-spacing:2px;margin-bottom:8px}.cta-title-brutalist{font-family:var(--font-body);font-size:32px;color:var(--accent-primary)}.cta-text-brutalist{color:var(--text-secondary)}.cta-btn-brutalist,.cta-text-brutalist{font-family:var(--font-mono);font-size:12px}.cta-btn-brutalist{display:flex;align-items:center;gap:12px;padding:16px 32px;background:var(--accent-primary);color:var(--bg-primary);text-decoration:none;letter-spacing:2px;transition:all .3s ease}.cta-btn-brutalist:hover{background:var(--accent-secondary)}.btn-arrow{transition:transform .3s ease}.cta-btn-brutalist:hover .btn-arrow{transform:translateX(6px)}.brutalist-footer{border-top:2px solid var(--accent-primary)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr)}.footer-block{height:8px;background:var(--text-muted);opacity:.3}.footer-block:nth-child(2){opacity:.1}.footer-content-brutalist{display:flex;justify-content:space-between;align-items:center;padding:32px 48px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px}.footer-brand{color:var(--accent-primary)}.footer-year{color:var(--text-muted)}.footer-tech{color:var(--accent-secondary);padding:8px 16px;border:1px solid var(--accent-secondary)}@media (max-width:1024px){.header-title{font-size:32px}.header-title,.title-huge{letter-spacing:4px}.hero-stats{flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start;padding:24px}.header-title{font-size:24px}.cta-brutalist,.hero-brutalist,.templates-section{padding:40px 24px}.title-huge{font-size:48px;letter-spacing:2px}.cta-box-brutalist,.hero-stats{flex-direction:column}.cta-box-brutalist{text-align:center}.footer-content-brutalist{flex-direction:column;gap:16px}}.pixel-page{opacity:0;transition:opacity .5s ease;background:var(--bg-primary);min-height:100vh}.pixel-page.started{opacity:1}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 4px);animation:scanMove .1s linear infinite}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}.crt-flicker{position:absolute;inset:0;background:rgba(87,255,87,.02);animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}}.pixel-container{max-width:1200px;margin:0 auto;padding:20px}.pixel-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease}.pixel-header.scrolled{background:rgba(26,28,44,.95);backdrop-filter:blur(10px)}.pixel-header.scrolled .header-main{padding:12px 20px;box-shadow:2px 2px 0 var(--glow-primary),-1px -1px 0 var(--accent-primary)}.pixel-header.scrolled .logo-text{font-size:14px}.pixel-header.scrolled .logo-sub{display:none}.header-pixel-row{display:flex;gap:4px;margin-bottom:0;padding:4px 20px;background:var(--bg-secondary);transition:opacity .3s ease}.pixel-header.scrolled .header-pixel-row{opacity:.5;padding:2px 20px}.pixel-block{width:100%;height:8px;background:var(--accent-primary);opacity:.3}.header-pixel-row .pixel-block:nth-child(odd){opacity:.1}.header-main{max-width:1200px;margin:0 auto;padding:16px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--accent-primary);border-top:none;box-shadow:4px 4px 0 var(--glow-primary),-1px -1px 0 var(--accent-primary);transition:all .3s ease}.header-nav{display:flex;gap:4px}.nav-btn-pixel{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s ease;position:relative}.nav-btn-pixel:before{content:"";position:absolute;inset:0;border:1px solid var(--border-subtle);opacity:0;transition:opacity .2s ease}.nav-btn-pixel:hover{color:var(--accent-primary)}.nav-btn-pixel:hover:before{opacity:1}.nav-btn-pixel.active{color:var(--accent-primary);background:var(--bg-card)}.nav-btn-pixel.active:before{opacity:1;border-color:var(--accent-primary)}.nav-btn-pixel.active .nav-index{color:var(--accent-secondary)}.nav-index{font-family:var(--font-display);font-size:8px;color:var(--text-muted);transition:color .2s ease}.logo-pixel{display:flex;flex-direction:column;cursor:pointer}.logo-text{font-family:var(--font-display);font-size:18px;color:var(--accent-primary);letter-spacing:3px;transition:font-size .3s ease}.logo-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px;transition:all .3s ease}.header-stats{display:flex;gap:12px}.stat-pixel{font-family:var(--font-mono);font-size:10px;color:var(--accent-tertiary);padding:6px 10px;border:1px solid var(--accent-tertiary);letter-spacing:1px}.hero-pixel{border:2px solid var(--border-subtle);margin-bottom:20px}.hero-borders{background:var(--bg-secondary);padding:4px}.border-h{display:flex;justify-content:center;overflow:hidden}.pixel-dash{font-family:var(--font-display);color:var(--accent-primary);opacity:.5}.hero-content-pixel{padding:32px;text-align:center}.title-container{margin-bottom:24px}.title-pixel-main{display:flex;flex-direction:column;gap:8px}.title-line-pixel{font-family:var(--font-display);font-size:24px;color:var(--accent-primary);letter-spacing:4px;text-shadow:2px 2px 0 var(--glow-primary)}.title-line-pixel.accent{color:var(--accent-secondary);text-shadow:2px 2px 0 var(--glow-secondary)}.pixel-divider{display:flex;justify-content:center;gap:8px;margin:24px 0}.divider-block{width:20px;height:12px;background:var(--accent-primary)}.desc-pixel{font-family:var(--font-mono);font-size:16px;color:var(--accent-secondary);line-height:2;margin-bottom:24px}.controls-hint{display:flex;justify-content:center;gap:16px}.key-pixel{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);padding:8px 12px;border:1px solid var(--border-subtle)}.border-bottom{border-top:1px solid var(--border-subtle)}.templates-pixel{margin-bottom:20px}.section-title-pixel{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--accent-primary)}.section-label-pixel{font-family:var(--font-body);font-size:14px;color:var(--accent-primary)}.section-count-pixel{font-family:var(--font-mono);font-size:14px;color:var(--accent-tertiary)}.templates-list{display:flex;flex-direction:column;gap:8px}.template-row{opacity:0;transform:translateX(-20px);animation:rowSlide .4s ease forwards;animation-delay:calc(var(--row-index, 0) * .1s + .3s)}@keyframes rowSlide{to{opacity:1;transform:translateX(0)}}.row-link{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-card);border:2px solid var(--border-subtle);text-decoration:none;color:inherit;transition:all .2s ease}.row-link:hover{border-color:var(--accent-secondary);background:var(--bg-card-hover);transform:translateX(4px)}.row-number{width:50px;text-align:center}.num-pixel{font-family:var(--font-display);font-size:12px;color:var(--text-muted)}.row-link:hover .num-pixel{color:var(--accent-secondary)}.row-image{width:80px;height:50px;overflow:hidden;border:1px solid var(--border-subtle)}.image-placeholder{width:100%;height:100%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.pixel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated;filter:grayscale(40%);transition:filter .2s ease}.row-link:hover .pixel-image{filter:grayscale(0)}.row-info{flex:1}.name-pixel{font-family:var(--font-body);font-size:14px;color:var(--accent-primary);margin-bottom:4px}.url-pixel{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);display:block;margin-bottom:4px}.tags-pixel{display:flex;gap:8px}.tag-pixel{font-family:var(--font-mono);font-size:10px;color:var(--accent-tertiary)}.row-status{display:flex;align-items:center;gap:8px}.status-block{width:10px;height:10px;background:var(--text-muted)}.status-block.active{background:var(--accent-primary);box-shadow:0 0 8px var(--glow-primary)}.status-text{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.row-action{width:30px;text-align:center}.action-arrow{font-family:var(--font-display);font-size:16px;color:var(--text-muted);transition:transform .2s ease}.row-link:hover .action-arrow{color:var(--accent-secondary);transform:translateX(4px)}.cta-pixel{margin-bottom:20px}.cta-box-pixel{border:2px solid var(--accent-primary);padding:16px}.cta-header-pixel{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border-subtle)}.cta-icon-pixel{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--accent-warning);color:var(--bg-primary);font-family:var(--font-display);font-size:16px}.cta-title-pixel{font-family:var(--font-body);font-size:14px;color:var(--accent-primary)}.cta-body-pixel{margin-bottom:16px}.cta-text-pixel{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);line-height:2}.cta-btn-pixel{display:block;text-align:center;padding:12px;background:var(--accent-primary);color:var(--bg-primary);text-decoration:none;font-family:var(--font-display);font-size:10px;transition:all .2s ease}.cta-btn-pixel:hover{background:var(--accent-secondary);box-shadow:4px 4px 0 var(--glow-secondary);transform:translate(-2px,-2px)}.pixel-footer{border:2px solid var(--border-subtle);padding:12px}.footer-pixel-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px}.footer-text-pixel{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.footer-text-pixel.blink{animation:blinkText 1s step-end infinite}@keyframes blinkText{0%,to{opacity:1}50%{opacity:0}}.footer-divider-pixel{color:var(--border-subtle)}.footer-bar-pixel{height:8px;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.bar-fill-pixel{width:60%;height:100%;background:var(--accent-primary);animation:barFill 2s ease-in-out infinite}@keyframes barFill{0%,to{width:40%}50%{width:80%}}@media (max-width:768px){.pixel-header{position:relative}.pixel-header.scrolled .header-main{padding:12px 16px}.header-pixel-row{padding:2px 16px}.header-main{flex-wrap:wrap;gap:12px;padding:16px}.logo-pixel{order:1}.logo-text{font-size:14px}.header-stats{order:2;width:auto}.stat-pixel{font-size:8px;padding:4px 6px}.header-nav{order:3;width:100%;justify-content:center}.nav-btn-pixel{padding:6px 10px;font-size:10px}.nav-btn-pixel .nav-index{display:none}.pixel-container{padding:20px 16px 16px}.title-line-pixel{font-size:14px;letter-spacing:2px}.controls-hint{flex-direction:column;gap:8px}.row-link{flex-wrap:wrap}.row-image,.row-status{display:none}.footer-pixel-row{flex-wrap:wrap;gap:8px}}.contact-pixel{margin-bottom:20px}.contact-box-pixel{border:2px solid var(--border-subtle);padding:20px;background:var(--bg-card)}.contact-form-pixel{display:flex;flex-direction:column;gap:16px}.form-group-pixel{display:flex;flex-direction:column;gap:8px}.label-pixel{font-family:var(--font-mono);font-size:12px;color:var(--accent-tertiary)}.input-pixel,.textarea-pixel{width:100%;padding:12px;background:var(--bg-primary);border:2px solid var(--border-subtle);color:var(--accent-primary);font-family:var(--font-mono);font-size:14px;outline:none;transition:border-color .2s ease}.input-pixel:focus,.textarea-pixel:focus{border-color:var(--accent-secondary)}.textarea-pixel{resize:vertical;min-height:100px}.input-pixel::-moz-placeholder,.textarea-pixel::-moz-placeholder{color:var(--text-muted)}.input-pixel::placeholder,.textarea-pixel::placeholder{color:var(--text-muted)}.submit-btn-pixel{padding:14px 24px;background:var(--accent-primary);color:var(--bg-primary);border:none;font-family:var(--font-display);font-size:10px;cursor:pointer;transition:all .2s ease;margin-top:8px}.submit-btn-pixel:hover:not(:disabled){background:var(--accent-secondary);box-shadow:4px 4px 0 var(--glow-secondary);transform:translate(-2px,-2px)}.submit-btn-pixel:disabled{opacity:.5;cursor:not-allowed}.form-success{text-align:center;padding:40px 20px}.success-icon{display:block;font-size:48px;color:var(--accent-primary);margin-bottom:16px;animation:bounceSuccess .5s ease}@keyframes bounceSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-text{display:block;font-family:var(--font-display);font-size:16px;color:var(--accent-primary);margin-bottom:8px}.success-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}