*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:visible;padding:0}:root{--primary-color:#1a1a2e;--secondary-color:#16213e;--accent-color:#0f3460;--text-color:#e9ecef;--border-color:#2d4059;--highlight-color:#4d80e4;--shadow-color:rgba(0,0,0,.3);--card-bg:rgba(26,26,46,.95)}body{align-items:center;background:#1a1a2e;background:var(--primary-color);color:#e9ecef;color:var(--text-color);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding-top:5rem}body,main{position:relative;-ms-scroll-chaining:none;overscroll-behavior-y:auto}main{min-height:50vh;overflow-y:visible;padding:20px;width:100%;z-index:2;-webkit-overflow-scrolling:touch}body:before{background-color:rgba(0,0,0,.4);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}#snow-container{height:100vh;left:0;overflow:hidden;top:0;width:100vw;z-index:1}#snow-container,.snow{pointer-events:none;position:fixed}.snow{-webkit-animation:fall ease-in infinite,sway ease-in-out infinite;animation:fall ease-in infinite,sway ease-in-out infinite;color:#e9ecef;color:var(--text-color);opacity:.8;text-shadow:0 0 5px #fff;will-change:transform,opacity}@keyframes fall{0%{opacity:0}50%{opacity:1}to{opacity:1;top:100vh}}main::-webkit-scrollbar{width:8px}main::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}main::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#16213e;background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:#4d80e4;background:var(--highlight-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f3460;background:var(--accent-color)}.page-title{animation:fadeIn .8s ease-out;color:#e9ecef;color:var(--text-color);cursor:default;font-family:Arial,sans-serif;padding:0 15px;text-align:center;text-shadow:rgba(0,0,0,.3);text-shadow:2px 2px 4px var(--shadow-color);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lazy-image{opacity:0;transition:opacity .3s ease-in}.lazy-image[src]:not([src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"]){opacity:1}.notification-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,46,.95);background:var(--card-bg);border-left:#4d80e4;border-left:4px solid var(--highlight-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#e9ecef;color:var(--text-color);font-size:.9rem;opacity:0;padding:15px 20px;pointer-events:none;position:fixed;right:20px;top:20px;transform:translateY(-20px);transition:all .3s ease;z-index:9999}.notification-popup.show{opacity:1;transform:translateY(0)}.notification-popup.error{border-left-color:#dc3545}.notification-popup.warning{border-left-color:#ffc107}.site-header{backdrop-filter:blur(10px);background:rgba(26,26,46,.95);background:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,.1);justify-content:space-between;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:1030}.site-header,.site-nav{align-items:center;display:flex}.site-nav{flex:1;justify-content:center}.nav-links{display:flex;gap:10px;list-style:none;margin:0;padding:0 .9375em}.nav-links li{margin:0}.nav-links a{border-radius:6px;color:#e9ecef;color:var(--text-color);font-size:.95rem;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background:hsla(0,0%,100%,.1)}.nav-links a.active{background:#4d80e4;background:var(--highlight-color);color:#fff}

.coming-soon-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: var(--card-bg);
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  text-align: center;
  max-width: 90%;
  width: 450px;
}

.coming-soon-popup.active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.coming-soon-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(5px);
  z-index: 1090;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.coming-soon-overlay.active {
  opacity: 1;
  visibility: visible;
}

.coming-soon-title {
  font-size: 26px;
  margin-bottom: 15px;
  color: var(--highlight-color);
  font-weight: bold;
}

.coming-soon-message {
  margin-bottom: 25px;
  line-height: 1.6;
}

.coming-soon-close {
  background: var(--accent-color);
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

.coming-soon-close:hover {
  background: var(--highlight-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.coming-soon-animation {
  margin: 20px auto;
  position: relative;
  width: 80px;
  height: 80px;
}

.coming-soon-animation .circle {
  position: absolute;
  border: 4px solid var(--highlight-color);
  border-top-color: transparent;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: rotate 1.5s linear infinite;
}

.coming-soon-animation .inner-circle {
  position: absolute;
  border: 4px dashed var(--accent-color);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  top: 10px;
  left: 10px;
  animation: rotate-reverse 2s linear infinite;
}

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes rotate-reverse {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}@media screen and (max-width:768px){.site-header{flex-wrap:wrap;gap:10px;padding:10px}.site-nav{margin-top:10px;order:3;width:100%}.nav-links{justify-content:center;width:100%}.nav-links a{font-size:.8rem;padding:6px 10px}}.credits{align-items:center;color:#e9ecef;color:var(--text-color);display:flex;font-size:.9rem;gap:5px}.credits .heart{animation:heartbeat 1.5s ease infinite;color:#ff4d4d}.social-links{gap:15px}.social-link,.social-links{align-items:center;display:flex}.social-link{color:#e9ecef;color:var(--text-color);text-decoration:none;transition:transform .3s ease}.social-link:hover{transform:translateY(-2px)}.social-icon{height:24px;width:24px}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.accordion-header{align-items:center;background:rgba(26,26,46,.95);background:var(--card-bg);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background-color .3s ease;user-select:none}.accordion-header:hover{background:hsla(0,0%,100%,.05)}.accordion-header .toggle-icon{transition:transform .3s ease}.accordion-header.active .toggle-icon{transform:rotate(180deg)}.accordion-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.visible{margin-bottom:20px;max-height:none;opacity:1}.button-close{background:#2d4059;background:var(--border-color);width:100%}.button-close,.credits-button{color:#e9ecef;color:var(--text-color)}.credits-button{background:#16213e;background:var(--secondary-color);border:#2d4059;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.credits-button:hover{background:#0f3460;background:var(--accent-color)}.credits-popup{background:#000;border:#2d4059;border:1px solid var(--border-color);border-radius:8px;left:50%;max-height:80vh;max-width:600px;opacity:0;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease;visibility:hidden;width:90%;z-index:1000}.credits-popup.active{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.credits-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.75);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.credits-overlay.active{opacity:1;visibility:visible}.credits-content{margin-top:20px}.credits-category{margin-bottom:24px}.credits-category-title{border-bottom:#2d4059;border-bottom:1px solid var(--border-color);color:#4d80e4;color:var(--highlight-color);font-size:1.2em;margin-bottom:12px;padding-bottom:8px}.credits-contributor{margin-bottom:16px}.contributor-name{color:#e9ecef;color:var(--text-color);font-weight:700;margin-bottom:4px}.contribution-list{color:#8e9cc9;list-style:none;padding-left:16px}.contribution-list li{margin-bottom:4px;position:relative}.contribution-list li:before{color:#4d80e4;color:var(--highlight-color);content:"•";left:-12px;position:absolute}.credits-close{background:none;border:none;color:#e9ecef;color:var(--text-color);cursor:pointer;font-size:24px;line-height:1;padding:4px;position:absolute;right:12px;top:12px}.credits-close:hover{color:#4d80e4;color:var(--highlight-color)}@media screen and (max-width:768px){.credits-popup{max-height:70vh;padding:15px;top:50%;width:95%;z-index:1050}.credits-close{padding:8px;right:8px;top:8px}}@media screen and (max-width:480px){.credits-popup{max-height:65vh;padding:12px}}