:root{--fade-delay: 0s}html{margin:0;padding:0;height:100%}body{margin:0;padding:0;min-height:100%;height:100%;font-family:Segoe UI,sans-serif}.background-image{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-50;object-fit:cover;filter:brightness(70%)}body.first-load{--fade-delay: 1s}.header{background:transparent;transition:background .3s ease}.header.scrolled{background-color:var(--sl-color-bg)}.content-panel:has(.sl-container>h1),footer{display:none}#global-spinner{position:fixed;inset:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease,backdrop-filter .5s ease;font-family:Courier New,monospace;color:#ff4;text-align:center;padding:20px}#global-spinner.blur-active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#global-spinner.fade-out{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}#global-spinner .loading-text{margin-top:20px;font-size:1rem;line-height:1.4;letter-spacing:.05em;white-space:pre;overflow:hidden;border-right:2px solid #ffff44;width:fit-content;animation:blink-caret .75s step-end infinite;text-shadow:0 0 6px rgba(255,255,68,.6),0 0 12px rgba(255,255,68,.3),0 0 18px rgba(255,255,68,.2)}@keyframes blink-caret{50%{border-color:transparent}}l-infinity{filter:drop-shadow(0 0 6px #ffff44aa) drop-shadow(0 0 18px #ffff44aa);animation:pulse-glow 2s ease-in-out infinite;transition:filter .4s ease-in-out}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px #ffff44aa) drop-shadow(0 0 18px #ffff44aa)}50%{filter:drop-shadow(0 0 12px #ffff44aa) drop-shadow(0 0 28px #ffff44aa)}}body.loading{overflow:hidden}.homepage-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.homepage-title,.homepage-subtitle,.cta-button,.feature-grid,.netlify-badge{opacity:0;transform:translateY(8px);animation:fadeIn 1.5s ease-in forwards}.homepage-title{margin-top:1rem;display:flex;color:#fff;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center;line-height:1.2;text-align:center;text-shadow:0 0 8px #ffffff22;animation-delay:var(--fade-delay)}.homepage-title>p{font-size:clamp(1.5rem,3vw,3rem)}.word-endless,.word-host,.word-roles{font-weight:800;font-size:clamp(2.5rem,6vw,5rem);display:inline-block;line-height:1.1;letter-spacing:-.5px}.word-endless{background:linear-gradient(90deg,#f44,red);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(255,0,0,.45)}.word-host{background:linear-gradient(90deg,#bfffff,#a4ffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(164,255,255,.35)}.word-roles{background:linear-gradient(90deg,#fff89a,#fff758);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(255,247,88,.4)}.homepage-subtitle{font-family:Inter,sans-serif;max-width:550px;font-size:2rem;font-style:italic;color:#fffde0;margin-top:2rem;line-height:1.5rem;text-align:center;text-shadow:0 0 4px rgba(0,0,0,.35),0 0 10px rgba(255,255,200,.1);animation-delay:calc(var(--fade-delay) + .3s)}.cta-button{animation-delay:calc(var(--fade-delay) + .6s)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));place-items:center;gap:2rem;max-width:1000px;width:100%;margin-top:3rem;animation-delay:calc(var(--fade-delay) + .9s)}.feature-card{max-width:320px;min-height:290px;box-sizing:border-box;margin:0;padding:0;background:#111;color:#fff;border-radius:1.25rem;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card.endless{border:1px solid #ff000080;box-shadow:0 0 12px #ff000050}.feature-card.endless:hover{transform:translateY(-4px);box-shadow:0 0 18px #ff000080}.feature-card.endless h3{color:red}.feature-card.host{border:1px solid #a4ffff80;box-shadow:0 0 12px #a4ffff50}.feature-card.host:hover{transform:translateY(-4px);box-shadow:0 0 18px #a4ffff80}.feature-card.host h3{color:#a4ffff}.feature-card.roles{border:1px solid #fff75880;box-shadow:0 0 12px #fff75850}.feature-card.roles:hover{transform:translateY(-4px);box-shadow:0 0 18px #fff75880}.feature-card.roles h3{color:#fff758}.feature-card ul{list-style:none;padding-left:0}.feature-card li{margin:.5rem 0;font-size:1rem}.feature-card a{color:#fffac0;text-decoration:none}.feature-card a:hover{text-decoration:underline}.netlify-badge{margin-top:3rem;animation-delay:calc(var(--fade-delay) + 1.5s)}