/* Ensure policy layout is flex for sidebar separation */
.policy-layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.5rem;
}
.policy-toc {
  position: sticky;
  top: 7rem;
  min-width: 220px;
  max-width: 260px;
  margin-right: 2.5rem;
  margin-bottom: 0;
  align-self: flex-start;
  height: fit-content;
  box-shadow: 0 4px 24px #9147ff22;
}
.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.1;color:#ffe082;text-shadow:0 0 10px #ffe082,0 0 20px #ffe082}

.policy-section {
  background: linear-gradient(135deg, #23234a 80%, #19192a 100%);
  box-shadow: 0 8px 40px #9147ff44, 0 0 24px 4px #ffda7955;
  border-radius: 22px;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  max-width: 820px;
  color: #f3f3f3;
  font-size: 1.13rem;
  line-height: 1.8;
  position: relative;
  overflow: visible;
  z-index: 1;
  flex: 1 1 0%;
  min-width: 0;
}
.policy-content {
  width: 100%;
  z-index: 1;
}
@media (max-width: 1100px) {
  .policy-layout {
    max-width: 99vw;
    gap: 1.2rem;
    padding: 0 0.2rem;
  }

}
@media (max-width: 900px) {
  .policy-layout {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .policy-toc {
    position: static;
    max-width: 100%;
    margin: 0 0 2em 0;
    width: 100%;
    border-radius: 14px;
    filter: none;
    box-shadow: 0 4px 16px #9147ff22;
  }
  .policy-section {
    max-width: 100vw;
    padding: 1.2rem 0.2rem;
  }
}
/* Table of Contents as left sidebar for policy-section */
.policy-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.policy-content {
  flex: 1 1 0%;
  min-width: 0;
}
@media (max-width: 900px) {
  .policy-section {
    flex-direction: column;
  }
  .policy-toc {
    position: static;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
    width: 100%;
  }
  .policy-content {
    width: 100%;
  }
}
/* Enhanced Policy/ToS Section Styles */
.policy-section {
  max-width: 820px;
  margin: 3.5rem auto 2.5rem auto;
  background: linear-gradient(135deg, #23234a 80%, #19192a 100%);
  border-radius: 22px;
  box-shadow: 0 8px 40px #9147ff44, 0 0 24px 4px #ffda7955;
  padding: 3rem 2.5rem 2.5rem 2.5rem;
  color: #f3f3f3;
  font-size: 1.13rem;
  line-height: 1.8;
  position: relative;
  overflow: hidden;
}
.policy-section h1 {
  font-size: 2.6rem;
  color: #ffda79;
  margin-bottom: 1.3rem;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 2px 12px #9147ff33;
}
.policy-section h2 {
  font-size: 1.45rem;
  color: #9147ff;
  margin-top: 2.2rem;
  margin-bottom: 0.8rem;
  border-left: 4px solid #ffda79;
  padding-left: 0.7em;
  background: rgba(255,255,255,0.03);
}
.policy-section h3 {
  font-size: 1.13rem;
  color: #ffda79;
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
}
.policy-section ul {
  margin-left: 1.5rem;
  margin-bottom: 1.2rem;
  padding-left: 1.2rem;
}
.policy-section li {
  color: #e0e0e0;
  margin-bottom: 0.5em;
}
.policy-section p {
  color: #f3f3f3;
  margin-bottom: 1.1em;
}
.policy-section hr {
  border: none;
  border-top: 2px solid #9147ff44;
  margin: 2.2em 0 2em 0;
}
.policy-toc {
  background: rgba(30,20,60,0.85);
  border-radius: 12px;
  box-shadow: 0 2px 12px #9147ff22;
  padding: 1.2em 1.5em 1em 1.5em;
  margin: 1.5em 0 2em 0;
}
.policy-toc strong {
  color: #ffda79;
  font-size: 1.1em;
  display: block;
  margin-bottom: 0.5em;
}
.policy-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2em 2.2em;
}
.policy-toc li {
  margin: 0;
  padding: 0;
}
.policy-toc a {
  color: #9147ff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid #ffda79;
  padding-bottom: 2px;
  transition: color 0.2s, border-color 0.2s;
}
.policy-toc a:hover, .policy-toc a:focus {
  color: #ffda79;
  border-color: #9147ff;
  background: #23234a;
  border-radius: 4px;
}
.policy-section a {
  color: #ffda79;
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s, background 0.2s;
}
.policy-section a:hover, .policy-section a:focus {
  color: #fff;
  background: #9147ff;
  border-radius: 4px;
  text-decoration: none;
}
@media (max-width: 900px) {
  .policy-section {
    padding: 1.5rem 0.7rem;
  }
  .policy-section h1 {
    font-size: 1.7rem;
  }
  .policy-toc ul {
    flex-direction: column;
    gap: 0.7em 0;
  }
}
/* Make all links in policy-section more visible */
.policy-section a {
  color: #ffda79;
  text-decoration: underline;
  font-weight: 600;
}
.policy-section a:hover, .policy-section a:focus {
  color: #fff;
  background: #9147ff;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
/* Make email links in policy-section lighter and more visible */
.policy-section a[href^="mailto:"] {
  color: #ffda79;
  text-decoration: underline;
  font-weight: 600;
}
.policy-section a[href^="mailto:"]:hover, .policy-section a[href^="mailto:"]:focus {
  color: #fff;
  background: #9147ff;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

/* Policy and ToS Section Styles */
.policy-section {
  max-width: 800px;
  margin: 3rem auto 2rem auto;
  background: rgba(30, 20, 60, 0.95);
  border-radius: 18px;
  box-shadow: 0 4px 32px #9147ff33, 0 0 16px 2px #ffda79aa;
  padding: 2.5rem 2rem 2rem 2rem;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.7;
}
.policy-section h1 {
  font-size: 2.3rem;
  color: #ffda79;
  margin-bottom: 1.2rem;
  text-align: center;
}
.policy-section h2 {
  font-size: 1.3rem;
  color: #9147ff;
  margin-top: 2rem;
  margin-bottom: 0.7rem;
}
.policy-section ul {
  margin-left: 1.5rem;
  margin-bottom: 1.2rem;
}
.policy-section p, .policy-section li {
  color: #e0e0e0;
}
@media (max-width: 600px) {
  .policy-section {
    padding: 1.2rem 0.5rem;
  }
  .policy-section h1 {
    font-size: 1.5rem;
  }
}
.live-stream{margin:2rem auto;max-width:1200px;background:#19192aee;border-radius:22px;box-shadow:0 4px 32px 0 #000a;padding:2.5rem 1.5rem 2rem 1.5rem;color:#fff;text-align:center;position:relative}.streamer-title{font-size:2.6rem;margin-bottom:2.2rem;color:#ffda79;letter-spacing:1.5px;font-weight:800;text-shadow:0 2px 12px #9147ff44}#live-streams-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.2rem;justify-content:center;align-items:stretch;margin-top:1.5rem}.twitch-embed{background:#23234a;border-radius:18px;box-shadow:0 2px 16px #9147ff44;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem 1rem;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.twitch-embed:hover{box-shadow:0 8px 32px #9147ffcc;transform:translateY(-4px) scale(1.03)}.twitch-embed .profile-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2.5px solid #ffda79;margin-bottom:1.2rem;background:#19192a;box-shadow:0 2px 12px #9147ff33}.twitch-embed .live-badge{position:absolute;top:18px;right:18px;background:#9147ff;color:#fff;font-size:.95rem;font-weight:bold;padding:6px 16px;border-radius:12px;box-shadow:0 2px 8px #9147ff44;letter-spacing:1px;z-index:2;animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #9147ff44}70%{box-shadow:0 0 0 10px #9147ff22}100%{box-shadow:0 0 0 0 #9147ff44}}.twitch-embed iframe{width:100%;max-width:540px;height:340px;border-radius:12px;border:none;margin-bottom:1.2rem;background:#19192a;box-shadow:0 2px 16px #9147ff22}.twitch-embed p{font-size:1.18rem;color:#ffda79;margin:.5rem 0 0 0;font-weight:700;letter-spacing:.7px;text-shadow:0 1px 6px #9147ff22}.section-title{font-size:2.2rem;margin:3rem 0 1.5rem 0;color:#ffda79;text-align:center;position:relative}.section-title:after{content:'';position:absolute;width:100%;height:2px;bottom:-5px;left:0;background:linear-gradient(90deg,transparent,#9147ff,transparent)}.info-box{background:#23234a;border-radius:18px;padding:1.5rem;box-shadow:0 2px 16px #9147ff44;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.info-box:hover{box-shadow:0 8px 32px #9147ffcc;transform:translateY(-4px) scale(1.03)}.accent-tiktok{border-left:4px solid #25F4EE}.live-columns{display:flex;gap:2.5rem;justify-content:center;align-items:flex-start;margin-top:2rem;flex-wrap:wrap}.live-column{flex:1 1 420px;min-width:320px;max-width:540px;background:none}@media (max-width:1100px){.live-columns{flex-direction:column;gap:2rem}.live-column{max-width:98vw}}@media (max-width:900px){#live-streams-list{grid-template-columns:1fr;gap:1.5rem}.twitch-embed{max-width:98vw}.twitch-embed iframe{max-width:98vw;height:220px}}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');:root{--primary-gradient:linear-gradient(135deg,#7928ca,#ff0080);--secondary-gradient:linear-gradient(135deg,#56ccf2,#2f80ed);--text-color:#f0f0f0;--bg-color:#0f0f1a;--footer-bg:#1a1a2e;--cta-bg:#ff0080;--cta-hover-bg:#e60073;--blur-bg:rgba(255,255,255,0.07);--transition:.3s ease-in-out;--max-width:1200px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:'Poppins',sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;font-size:16px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}header{width:100vw;left:0;right:0;margin:0;background:rgba(20,15,45,.9);backdrop-filter:saturate(180%) blur(10px);position:sticky;top:0;z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:2rem;max-width:var(--max-width);width:100%}.logo-container img#logo{height:48px;filter:drop-shadow(0 0 5px #2f80ed);transition:filter var(--transition)}.logo-container img#logo:hover{filter:drop-shadow(0 0 10px #ff69b4)}nav{display:flex;align-items:center;justify-content:flex-start;width:auto;max-width:none}nav ul#nav-links{list-style:none;display:flex;gap:1.75rem;margin:0;padding:0;justify-content:flex-start}nav ul#nav-links li a{color:var(--text-color);text-decoration:none;font-weight:600;padding:.25rem .5rem;transition:color var(--transition);position:relative}nav ul#nav-links li a::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--secondary-gradient);transition:width .3s ease}nav ul#nav-links li a:hover,nav ul#nav-links li a:focus{color:#ffda79}nav ul#nav-links li a:hover::after,nav ul#nav-links li a:focus::after{width:100%}.info-section{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:4rem 2rem;background:rgba(255,255,255,.02)}.info-box{flex:1 1 300px;background:linear-gradient(135deg,#23234a 80%,#19192a 100%);border-radius:16px;box-shadow:0 4px 24px #9147ff33,0 0 16px 2px #ffda79aa,0 0 32px 4px #9147ff55;padding:2rem 1.2rem 1.5rem 1.2rem;color:#fff;margin-bottom:2rem;transition:box-shadow .2s,transform .2s;position:relative;border:none}.info-box:hover{box-shadow:0 12px 40px #9147ff99;transform:translateY(-4px) scale(1.03)}.info-box h3{font-size:1.45rem;margin-bottom:.7rem;color:#ffda79;font-weight:700}.info-box p{color:#ccc;font-size:1rem;line-height:1.6}.info-header{display:flex;align-items:center;gap:1rem;margin-bottom:.7rem}.info-icon{font-size:2.3rem;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 6px #9147ff44)}.info-highlights{margin:0 0 1.2rem 0;padding-left:1.2rem;font-size:1.07rem;color:#ffda79;line-height:1.7;text-align:left}.accent-reach{border-left:6px solid #ffda79;box-shadow:0 4px 24px #9147ff33,0 0 16px 2px #ffda79cc,0 0 32px 4px #ffda7955}.accent-support{border-left:6px solid #9147ff;box-shadow:0 4px 24px #9147ff33,0 0 16px 2px #9147ffcc,0 0 32px 4px #9147ff99}.accent-community{border-left:6px solid #4fd1c5;box-shadow:0 4px 24px #9147ff33,0 0 16px 2px #4fd1c5cc,0 0 32px 4px #4fd1c555}.accent-learning{border-left:6px solid #f6ad55;box-shadow:0 4px 24px #9147ff33,0 0 16px 2px #f6ad55cc,0 0 32px 4px #f6ad5555}.section-title{width:100%;text-align:center;font-size:2.5rem;color:#fff;margin-bottom:2rem}.scroll-down-indicator{display:block;text-align:center;margin-top:1.5rem;font-size:2rem;color:#fff;opacity:.7;animation:bounce 2s infinite;text-decoration:none}.scroll-down-indicator .arrow{font-size:2rem;color:#fff;opacity:.7;transition:opacity .3s}.scroll-down-indicator:hover .arrow{opacity:1}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.tiktok-section{color:#fff}.tiktok-section .info-box{border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.tiktok-section .section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.dropdown-container{display:none;position:relative}.dropdown-btn{font-size:1.8rem;background:none;border:none;color:var(--text-color);cursor:pointer;user-select:none;transition:color var(--transition)}.dropdown-btn:hover,.dropdown-btn:focus{color:#ffda79;outline:none}.dropdown-content{display:none;position:absolute;right:0;background:rgba(20,15,45,.95);backdrop-filter:saturate(180%) blur(12px);border-radius:8px;margin-top:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.35);min-width:160px;z-index:1100}.dropdown-content ul{list-style:none;margin:0;padding:.5rem 0}.dropdown-content ul li a{color:var(--text-color);padding:.6rem 1.2rem;display:block;text-decoration:none;font-weight:600;transition:background-color var(--transition),color var(--transition)}.dropdown-content ul li a:hover,.dropdown-content ul li a:focus{background:var(--secondary-gradient);color:#000;outline:none}.dropdown-content.active{display:block}.hero{flex-grow:0;flex:1 0 auto;background:var(--bg-color);background-size:400% 400%;animation:gradientMove 15s ease infinite;color:#fff;text-align:center;padding:3rem 1rem 4rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px #2f80ed);position:relative}.hero-content{max-width:700px;backdrop-filter:blur(8px);background:var(--blur-bg);padding:2.5rem 2rem;border-radius:16px;box-shadow:0 8px 30px #2f80ed;user-select:none}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.1;color:#ffda79;text-shadow:0 0 10px #ffda79}.hero-content p.lead{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.3)}.hero-content p:not(.lead){font-size:1.1rem;margin-bottom:1.25rem;color:#fff9;line-height:1.4}.rule-hero{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem 4rem;gap:2rem;width:90%;max-width:1200px;margin:0 auto}.rule-hero-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:2rem 3rem;width:100%;max-width:1100px;box-sizing:border-box}.rule-hero{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 1rem 4rem;width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto}.hero-box h1{font-weight:700;font-size:2.5rem;margin-bottom:1rem;color:#ff66b2}.hero-box p{font-size:1.2rem;line-height:1.6;color:#ddd}.cta-btn{display:inline-block;padding:.9rem 2.5rem;background:var(--secondary-gradient);color:#fff;font-weight:700;font-size:1.1rem;border-radius:40px;text-decoration:none;box-shadow:0 4px 12px rgba(255,0,128,.6);transition:background-color .3s ease,transform .3s ease;user-select:none}.cta-btn:hover,.cta-btn:focus{background:var(--secondary-gradient);transform:scale(1.05);outline:none}.hosting-plans h2{text-align:center;margin-bottom:1.5rem;font-weight:700;font-size:2rem;color:var(--main-text-color,#fff)}section.hosting-plans{max-width:1200px;margin:0 auto;padding:20px}.partners-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:30px;padding:2rem 1rem;max-width:1200px;margin:0 auto;justify-content:center;justify-items:center}.partners-section .plan{background:rgba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:default;max-width:320px;width:100%}.partners-section .plan:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgba(0,0,0,.35)}.partner-logo{width:120px;height:120px;object-fit:contain;margin-bottom:1rem;border-radius:50%;border:2px solid var(--main-gradient-start,#ff5f6d);background:var(--main-gradient-end,#ffc371);padding:5px}.partner-card img,.partner-img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid #9147ff;background:#fff;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.partners-section h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:700;color:var(--main-text-color,#fff)}.partners-section p{font-size:.9rem;color:var(--secondary-text-color,#ccc);margin:.25rem 0}.cta-btn{margin-top:1rem;background:var(--main-gradient-start,#ff5f6d);border:none;padding:.5rem 1.2rem;border-radius:100px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .3s ease;text-decoration:none}.cta-btn:hover{background:var(--main-gradient-end,#ffc371);color:#000}.hero.requirements{background:var(--bg-color);color:#fff;padding:80px 20px;min-height:100vh}.requirement-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-left:4px solid #00bcd4;backdrop-filter:blur(8px);border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .3s ease,border-left-color .3s ease}.requirement-box h2{font-size:1.5rem;margin-bottom:15px;color:#00eaff}.requirement-box ul{list-style:none;padding-left:0}.requirement-box ul li{margin-bottom:10px;padding-left:10px;font-size:1.1rem;position:relative;line-height:1.6}.hero.requirements h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#00eaff,#ff4b5c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pulse-gradient 5s infinite alternate}.rules-section{max-width:900px;margin:0 auto;padding:2rem 1rem;line-height:1.7;font-size:1rem}.rules-section h2{margin-top:2rem;color:#2f80ed}.rules-section ul{list-style-type:disc;padding-left:1.5rem}.rules-section li.warning{color:#ff4c4c;font-weight:700}.rule-box{background:linear-gradient(135deg,#222538,#1b1e2f);border-radius:12px;padding:20px 25px;margin-bottom:25px;box-shadow:0 4px 12px rgba(255,0,128,.3);border:1.5px solid #2f80ed;transition:background .3s ease}.rule-box:hover{background:linear-gradient(135deg,#2a2c48,#25294d)}.rule-box h2{font-weight:600;color:#ff66b2;margin-bottom:15px;font-size:1.5rem}.rule-box ul{list-style-type:disc;padding-left:1.5rem;color:#eee;font-weight:400;font-size:1.1rem;line-height:1.5}.rule-box ul li.warning{color:#ff4d6d;font-weight:600}@keyframes pulse-gradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}.requirement-box.danger{border-left-color:#ff4b5c}.requirement-box.danger h2{color:#ff4b5c}.requirement-box:hover{transform:scale(1.01);border-left-color:#0ff}@media (max-width:480px){.partners-section{grid-template-columns:1fr;padding:1rem}.partner-logo{width:100px;height:100px}}footer{width:100vw;left:0;right:0;margin:0;background:var(--footer-bg);color:#bbb;text-align:center;padding:.3rem 1rem;font-size:.85rem;box-shadow:inset 0 1px 3px rgba(255,255,255,.05);display:flex;justify-content:center}footer .footer-content{max-width:var(--max-width);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.social-links a{color:#bbb;text-decoration:none;font-weight:600;margin:0 .5rem;transition:color var(--transition)}.social-links a:hover,.social-links a:focus{color:#ffda79;outline:none}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media (max-width:768px){nav ul#nav-links{display:none}.dropdown-container{display:block}.hero-content h1{font-size:2.75rem}.hero-content p.lead{font-size:1.25rem}.cta-btn{width:100%;padding:1rem 0;font-size:1.2rem}}@media (max-width:400px){.hero-content{padding:1.5rem 1rem}.hero-content h1{font-size:2.25rem}}.home-main{width:100vw;margin:0;background:none;box-sizing:border-box;padding:3.5rem 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;color:inherit;font-family:inherit}.info-boxes{width:100vw;margin:0;box-sizing:border-box;padding:0;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.info-box{flex:1 1 300px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;text-align:center;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,0,0,.15);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.info-box:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(0,0,0,.3)}.info-emoji{font-size:2.2rem;margin-bottom:.7rem;display:block}.info-box strong{display:block;font-size:1.2rem;color:#ffda79;margin-bottom:.5rem}.info-box p{color:#ccc;font-size:1rem;line-height:1.6;margin:0}.lead{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.3)}.highlight{background:var(--primary-gradient,linear-gradient(135deg,#7928ca,#ff0080));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-box{background:#23232b;border-radius:18px;box-shadow:0 0 24px 6px #2a6cff55,0 2px 32px #000a;padding:2.5rem 2.5rem 2rem 2.5rem;max-width:480px;width:100%;text-align:center;color:#fff;margin:0 auto;margin-bottom:2.5rem;position:relative;transition:box-shadow .2s,transform .2s}.welcome-box:hover,.welcome-box:focus-within{box-shadow:0 0 36px 10px #2a6cff77,0 4px 40px #000b;transform:translateY(-4px) scale(1.015)}.welcome-title{font-size:2.6rem;font-weight:700;color:#ffe066;text-shadow:0 0 16px #ffe06699,0 2px 2px #000a;margin-bottom:.5rem;letter-spacing:1px;transition:color .2s}@media (max-width:600px){.welcome-box{padding:1.2rem .5rem 1rem .5rem;max-width:98vw}.welcome-title{font-size:2rem}.feature-card{padding:1.2rem .5rem 1rem .5rem;min-width:90vw}}.welcome-sub{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.2rem}.welcome-desc{font-size:1.08rem;color:#d0d0d0;margin-bottom:.2rem}.divider{width:100vw;display:flex;color:var(--text-color);font-family:'Poppins',sans-serif;align-items:center;justify-content:center;flex-direction:column;align-items:center;margin-bottom:2.5rem}.divider-line{width:100vw;height:6px;justify-content:center;box-shadow:0 2px 12px #4fc3f7aa}.down-arrow{font-size:2.2rem;margin-top:-.7rem;filter:drop-shadow(0 2px 8px #4fc3f7aa)}.features-section{width:100vw;max-width:1400px;margin:0 auto;padding:2rem 2vw 3rem 2vw}.features-title{text-align:center;font-size:2.1rem;font-weight:700;color:#fff;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:linear-gradient(135deg,#232946 60%,#23232b 100%);border-radius:18px;box-shadow:0 2px 16px rgba(0,0,0,.10);padding:2.2rem 1.5rem 1.5rem 1.5rem;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;min-height:220px;transition:box-shadow .18s,transform .18s}.feature-card:hover,.feature-card:focus-within{box-shadow:0 8px 32px rgba(80,120,255,.13),0 2px 16px rgba(0,0,0,.16);transform:translateY(-4px) scale(1.025)}.feature-emoji{font-size:2.2rem;margin-bottom:.7rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.7rem}.feature-card p{font-size:1.08rem;color:#d0d0d0;padding:0;margin:0;box-sizing:border-box}