:root{--primary:#2c3e50;--accent:#e74c3c;--light:#f4f7f6;--white:#fff;--transition:all .4s cubic-bezier(.165, .84, .44, 1);color:var(--primary);background:var(--light);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--light);color:var(--primary);-webkit-user-select:none;user-select:none;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.section-title{text-align:center;margin-bottom:50px;font-size:2.5rem}.header{z-index:1000;width:100%;height:80px;transition:var(--transition);align-items:center;display:flex;position:fixed;top:0}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;height:60px;box-shadow:0 2px 20px #0000001a}.header__container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--accent);letter-spacing:2px;font-size:1.5rem;font-weight:800}.nav{gap:30px;display:flex}.nav__link{color:var(--primary);font-weight:500;text-decoration:none;transition:all .3s}.nav__link:hover{color:var(--accent)}.hero{text-align:center;height:100vh;color:var(--white);background:linear-gradient(#2c3e50b3,#2c3e50b3),url(/img/moscow_background.jpg) 50%/cover;justify-content:center;align-items:center;display:flex}.hero h1{min-height:1.2em;margin-bottom:20px;font-size:4rem}.hero h1:after{content:"|";color:var(--accent);margin-left:5px;animation:.7s infinite blink}@keyframes blink{50%{opacity:0}}.btn{background:var(--accent);color:var(--white);transition:var(--transition);border-radius:50px;padding:15px 40px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #e74c3c4d}.history-modern{padding:100px 0}.history-container{flex-direction:column;gap:100px;display:flex}.history-card{align-items:center;gap:60px;min-height:400px;display:flex}.history-card:nth-child(2n){flex-direction:row-reverse}.history-card__image{border-radius:40px;flex:1;height:400px;overflow:hidden;box-shadow:20px 20px 60px #0000000d}.history-card__image img{object-fit:cover;width:100%;height:100%;transition:transform 1s}.history-card__info{flex:1;position:relative}.history-card__number{color:var(--accent);opacity:.1;z-index:-1;font-size:6rem;font-weight:900;position:absolute;top:-60px;left:-20px}.history-card h3{color:var(--primary);margin-bottom:20px;font-size:2.5rem}.history-card p{color:#666;font-size:1.1rem;line-height:1.8}.history-card:hover .history-card__image img{transform:scale(1.05)}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:20px;display:grid}.bento-item{transition:var(--transition);background:#fff;border-radius:30px;flex-direction:column;justify-content:center;padding:30px;display:flex;box-shadow:0 10px 30px #00000008}.bento-item:hover{transform:scale(1.02);box-shadow:0 15px 40px #00000014}.main-fact{grid-area:span 2/span 2}.wide{grid-column:span 2}.accent-bg{background:var(--accent);color:#fff}.accent-bg .bento-num{color:#fff}.bento-num{color:var(--accent);margin-bottom:10px;font-size:3rem;font-weight:900;line-height:1}.bento-item p{opacity:.8;font-weight:500}.map-container{background:#eef2f3;border-radius:30px;height:600px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0000000d}.map-connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.node-card{cursor:grab;z-index:10;touch-action:none;will-change:transform;width:220px;position:absolute}.node-card.grabbing{cursor:grabbing}.node-content{background:var(--white);border-radius:20px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px #0000001a}.node-card:hover .node-content{box-shadow:0 15px 40px #00000026}.node-card img{object-fit:cover;pointer-events:none;width:100%;height:120px}.node-text{padding:15px}.node-detail{opacity:0;max-height:0;transition:var(--transition);color:#666;font-size:.85rem;overflow:hidden}.node-card:hover .node-detail{opacity:1;max-height:100px;margin-top:10px}.ithub{background:#f8f9fa}.ithub-sandbox{background-image:radial-gradient(var(--accent) 1px, transparent 1px);background-color:#e74c3c05;background-size:30px 30px;border:2px dashed #e74c3c1a;border-radius:30px;height:550px;position:relative;overflow:hidden}.drag-item-free{background:var(--white);cursor:grab;z-index:5;touch-action:none;border-radius:20px;width:250px;padding:20px;transition:width .4s;position:absolute;box-shadow:0 10px 25px #0000000d}.drag-item-free.grabbing{cursor:grabbing}.drag-item-free:hover{width:320px}.hub-details{opacity:0;max-height:0;transition:all .4s;overflow:hidden}.drag-item-free:hover .hub-details{opacity:1;max-height:350px;margin-top:15px}.hub-details img{object-fit:cover;border-radius:12px;width:100%;height:140px}.status-dot{background:#2ecc71;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block;box-shadow:0 0 10px #2ecc7166}.flip-card{perspective:1000px;width:350px;height:450px;margin:0 auto}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:absolute;box-shadow:0 15px 35px #0000001a}.flip-card-front{background:var(--white)}.flip-card-back{background:var(--accent);color:var(--white);transform:rotateY(180deg)}.avatar{border-radius:100%;width:40%;margin:50px}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.footer{background:var(--primary);color:var(--white);text-align:center;padding:50px 0}.footer a{color:#8c8c8c;text-decoration:none;transition:transform .3s;display:inline-block}.footer a:hover{transform:scale(1.1)}.scroll-top{background:var(--accent);width:50px;height:50px;color:var(--white);cursor:pointer;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px}.scroll-top.show{opacity:1;visibility:visible}@media (width<=992px){.history-card,.history-card:nth-child(2n){flex-direction:column;gap:30px}.history-card__image{width:100%;height:250px}.history-card h3{font-size:1.8rem}}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section,.history-modern{padding:40px 0}.section-title{margin-bottom:30px;font-size:1.8rem}.node-detail,.hub-details,.node-card .node-detail,.drag-item-free .hub-details{margin-top:10px;opacity:1!important;visibility:visible!important;max-height:none!important;display:block!important}.map-container,.ithub-sandbox{background-image:none;flex-direction:column;gap:20px;min-height:auto;padding:20px 15px;display:flex;height:auto!important}.map-connections{display:none}.node-card,.drag-item-free{box-shadow:0 4px 15px #0000000d;width:100%!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.drag-item-free:hover{width:100%!important}.header{height:60px}.nav{gap:15px}.nav__link{font-size:.85rem}.hero h1{padding:0 10px;font-size:2rem}.bento-grid{grid-template-columns:1fr;gap:20px}.main-fact,.wide{grid-area:span 1/span 1}.history-card,.history-card:nth-child(2n){flex-direction:column;gap:20px}.history-card__image{width:100%;height:200px}}@media (width<=480px){.nav{display:none}}