.light-pillar-fallback{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000001a;color:#888;font-size:14px}.light-pillar-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);border:1.5px solid rgba(180,167,214,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#b4a7d626;backdrop-filter:blur(20px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.2);border:1.5px solid rgba(180,167,214,.25);box-shadow:0 8px 32px #b4a7d64d,inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.home-header{text-align:center;margin-bottom:3rem}.logo{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--lavender),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.tagline{font-size:1.2rem;color:var(--text-secondary)}.home-content{display:flex;justify-content:center}.home-card{position:relative;animation:fadeIn .6s ease-out}.home-card-inner{padding:3rem;min-width:450px}.home-card-inner h2{font-size:2rem;margin-bottom:2.5rem;text-align:center;color:var(--lavender-light);font-weight:600}.mode-buttons{display:flex;flex-direction:column;gap:1.2rem}.btn{padding:1.25rem 2.5rem;border:2px solid rgba(180,167,214,.3);border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;overflow:hidden;background:#b4a7d61a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--lavender-light);background-image:linear-gradient(135deg,#b4a7d633,#9ef0d41a)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px);border-color:#b4a7d699;box-shadow:0 12px 32px #b4a7d666;background:#b4a7d626}.btn:active{transform:translateY(0)}.btn-primary{background:#b4a7d626;border-color:#b4a7d666}.btn-primary:hover{background:#b4a7d640;box-shadow:0 12px 32px #b4a7d680}.btn-secondary{background:#9ef0d41a;border-color:#9ef0d44d}.btn-secondary:hover{background:#9ef0d433;border-color:#9ef0d480;box-shadow:0 12px 32px #9ef0d466}.btn-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:.5rem;transition:color .3s ease;text-align:left}.btn-back:hover{color:var(--lavender)}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.75rem;color:var(--lavender-light);font-size:1rem;font-weight:500;letter-spacing:.02em}.form-group input{width:100%;padding:1.25rem 1.5rem;font-size:1.1rem;font-family:inherit;color:var(--text-primary);background:#0a0a1266;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(180,167,214,.3);border-radius:14px;transition:all .3s ease;outline:none}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.form-group input:focus{border-color:var(--lavender);background:#0a0a1299;box-shadow:0 0 0 4px #b4a7d61a}.form-group input:hover{border-color:#b4a7d680}@media (max-width: 768px){.home-card-inner{min-width:320px;padding:2rem}}.chat-box{display:flex;flex-direction:column;height:300px;margin-top:1.5rem}.chat-box h3{color:var(--lavender-light);margin-bottom:1rem}.chat-messages{flex:1;overflow-y:auto;max-height:250px;padding:.75rem;background:#0a0a1266;border-radius:12px;margin-bottom:1rem;word-wrap:break-word;scrollbar-width:thin;scrollbar-color:rgba(180,167,214,.3) transparent}.chat-messages .chat-message{padding:.75rem;border-radius:8px;background:#b4a7d61a}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#b4a7d64d;border-radius:3px}.chat-message.own{background:#9ef0d426;margin-left:auto;max-width:80%}.chat-message.system{background:#ffffff0d;text-align:center;font-style:italic;color:var(--text-secondary)}.message-author{font-weight:600;color:var(--lavender);margin-right:.5rem}.message-text{color:var(--text-primary)}.system-text{color:var(--text-secondary);font-size:.9rem}.chat-input-form{display:flex;gap:.5rem}.chat-input-form input{flex:1;padding:.75rem;border-radius:8px;background:#0a0a12cc;border:2px solid rgba(180,167,214,.3);color:var(--text-primary)}.chat-input-form input:focus{outline:none;border-color:var(--lavender)}.btn-send{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--lavender),var(--mint));color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.btn-send:hover{transform:scale(1.05);box-shadow:0 4px 12px #b4a7d666}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0a0a1280;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#b4a7d64d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#b4a7d680}.player-card{padding:1rem;background:#b4a7d61a;border:2px solid rgba(180,167,214,.3);border-radius:12px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;overflow:visible}.player-card:hover{transform:translate(8px);border-color:#b4a7d699;box-shadow:0 4px 20px #b4a7d64d}.player-card.host{border-color:#ffd70080;background:#ffd7000d}.player-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.player-info{flex:1;min-width:0}.player-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;background:#ffd70033;color:gold;white-space:nowrap}.player-score{font-size:1.2rem;font-weight:700;color:var(--mint);margin-top:.25rem}.player-rank{font-size:2rem;flex-shrink:0}.players-list{flex:1;display:flex;flex-direction:column;gap:1rem;padding:.5rem 1rem;overflow:visible}.lobby-page{min-height:100vh;padding:2rem 0}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.lobby-header h1{font-size:2.5rem;background:linear-gradient(135deg,var(--lavender),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-code{font-size:1.2rem;color:var(--text-secondary);margin-top:.5rem}.room-code span{font-weight:700;color:var(--lavender);letter-spacing:.1em;font-family:Courier New,monospace}.connection-status{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.status-dot{width:12px;height:12px;border-radius:50%;transition:background-color .3s ease}.status-dot.connected{background-color:#4ade80;box-shadow:0 0 8px #4ade80}.status-dot.disconnected{background-color:#ef4444}.lobby-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:600px auto;gap:1.5rem}.lobby-panel{height:600px}.lobby-panel:nth-child(1){grid-column:1;grid-row:1}.lobby-panel:nth-child(2){grid-column:2;grid-row:1}.config-panel{grid-column:1 / -1;grid-row:2;max-width:600px;margin:0 auto;width:100%}.panel-inner{padding:2rem;height:100%;display:flex;flex-direction:column}.panel-inner h2{color:var(--lavender-light);margin-bottom:1.5rem}.players-list{flex:1;display:flex;flex-direction:column;gap:1rem;padding:.5rem}.host-controls{flex:1;display:flex;flex-direction:column;gap:1.5rem}.host-controls select{width:100%;padding:1rem;border-radius:12px;background:#0a0a12cc;border:2px solid rgba(180,167,214,.3);color:var(--text-primary);font-family:inherit;cursor:pointer}.host-controls select:focus{outline:none;border-color:var(--lavender)}.info-text{color:var(--text-secondary);font-size:.9rem;margin-top:1rem;text-align:center}.waiting{text-align:center;padding:2rem 0}.waiting h2{margin-bottom:1rem}.waiting p{color:var(--text-secondary);margin-bottom:2rem}.spinner{width:40px;height:40px;margin:0 auto;border:4px solid rgba(180,167,214,.2);border-top-color:var(--lavender);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:3rem}.error-message h2{color:#ef4444;margin-bottom:1rem}.error-message p{color:var(--text-secondary);margin-bottom:2rem}.loading{text-align:center;font-size:1.5rem;color:var(--lavender);padding:3rem}@media (max-width: 968px){.lobby-content{grid-template-columns:1fr}}.audio-visualizer{width:100%;height:150px;border-radius:16px;overflow:hidden;position:relative;background:#0a0a1299;border:2px solid rgba(180,167,214,.2)}.audio-visualizer canvas{width:100%;height:100%;display:block}.audio-visualizer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(180,167,214,.1) 0%,transparent 50%,rgba(158,240,212,.1) 100%);pointer-events:none;z-index:1}.podium{padding:2rem}.podium h2{text-align:center;color:var(--lavender-light);margin-bottom:2rem;font-size:1.8rem}.podium-top3{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:3rem;padding:0 1rem}.podium-position{display:flex;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.podium-position.animating{animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(-10px)}75%{transform:translateY(-15px)}}.pos-1{order:2}.pos-2{order:1}.pos-3{order:3}.podium-player{text-align:center;margin-bottom:1rem;z-index:2;position:relative}.podium-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--lavender),var(--mint));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto .5rem;box-shadow:0 8px 16px #b4a7d666}.pos-1 .podium-avatar{width:80px;height:80px;font-size:2rem;box-shadow:0 12px 24px #ffd70080}.podium-medal{font-size:2rem;margin-bottom:.5rem}.pos-1 .podium-medal{font-size:2.5rem;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.8))}}.podium-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem}.pos-1 .podium-name{font-size:1.1rem}.podium-score{font-size:1.2rem;font-weight:700;color:var(--mint)}.pos-1 .podium-score{font-size:1.5rem}.podium-stand{width:100px;background:linear-gradient(180deg,#b4a7d64d,#b4a7d61a);border:2px solid rgba(180,167,214,.4);border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:1rem;position:relative}.pos-1 .podium-stand{height:180px;background:linear-gradient(180deg,#ffd7004d,#ffd7001a);border-color:#ffd70080}.pos-2 .podium-stand{height:140px}.pos-3 .podium-stand{height:100px}.stand-label{font-size:2rem;font-weight:700;color:var(--lavender)}.pos-1 .stand-label{color:gold;font-size:2.5rem}.podium-others{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(180,167,214,.2)}.podium-others h3{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.others-list{display:flex;flex-direction:column;gap:.75rem}.other-player{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#b4a7d60d;border-radius:8px;transition:all .3s ease}.other-player:hover{background:#b4a7d61a;transform:translate(4px)}.other-player.animating{animation:highlight .6s ease}@keyframes highlight{0%,to{background:#b4a7d60d}50%{background:#b4a7d64d}}.other-rank{font-weight:600;color:var(--text-secondary);min-width:40px}.other-name{flex:1;color:var(--text-primary)}.other-score{font-weight:700;color:var(--mint)}.game-room{min-height:100vh;padding:2rem 0}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.track-info h2{font-size:1.8rem;color:var(--lavender-light);margin-bottom:.75rem}.progress-bar{width:100%;height:8px;background:#b4a7d633;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--lavender),var(--mint));transition:width .3s ease}.timer-display{flex-shrink:0}.timer{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:50%;background:#b4a7d633;border:3px solid var(--lavender);color:var(--lavender);transition:all .3s ease}.timer.warning{border-color:#ef4444;color:#ef4444;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}}.game-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.game-main-panel,.game-side-panel{min-height:700px}.answer-section{margin:2rem 0}.answer-form{display:flex;gap:1rem}.answer-form input{flex:1;padding:1rem;font-size:1.1rem}.answer-form button{min-width:120px}.reveal-section{text-align:center;padding:2rem}.correct-answer{margin-bottom:2rem;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#b4a7d633,#9ef0d433);border:2px solid var(--lavender)}.correct-answer h3{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.track-title{font-size:1.8rem;font-weight:700;color:var(--lavender-light);margin-bottom:.5rem}.track-artist{font-size:1.2rem;color:var(--mint)}.next-track-info{color:var(--text-secondary);font-style:italic}@media (max-width: 1200px){.game-content{grid-template-columns:1fr}.game-side-panel{min-height:400px}}@media (max-width: 768px){.game-header{flex-direction:column;align-items:stretch}.timer-display{display:flex;justify-content:center}}.results-page{min-height:100vh;padding:2rem 0}.results-header{text-align:center;margin-bottom:3rem}.results-header h1{font-size:3rem;background:linear-gradient(135deg,var(--lavender),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;animation:fadeIn .6s ease-out}.winner-announcement{display:flex;flex-direction:column;gap:.5rem;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:2px solid rgba(255,215,0,.5);animation:fadeIn .8s ease-out .2s both}.winner-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.winner-name{font-size:2.5rem;font-weight:700;color:gold}.winner-score{font-size:1.5rem;color:var(--mint)}.results-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.results-podium,.results-stats{min-height:600px}.results-stats h2{color:var(--lavender-light);margin-bottom:2rem;font-size:1.8rem}.results-stats h3{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 1rem}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1rem;background:#b4a7d61a;border-radius:12px;border:2px solid rgba(180,167,214,.2)}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--mint)}.player-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.player-stat{padding:1rem;background:#0a0a1299;border-radius:12px;border:2px solid rgba(180,167,214,.2)}.player-stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.stat-rank{font-weight:700;color:var(--text-secondary);min-width:40px}.stat-player-name{font-weight:600;color:var(--text-primary)}.player-stat-details{display:flex;gap:2rem;padding-left:3rem}.stat-detail{display:flex;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.stat-highlight{color:var(--mint);font-weight:600}.results-stats button{width:100%;margin-top:2rem}@media (max-width: 968px){.results-content{grid-template-columns:1fr}}.admin-panel{min-height:100vh;padding:2rem 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{font-size:2.5rem;background:linear-gradient(135deg,var(--lavender),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-banner{padding:1rem;margin-bottom:2rem;border-radius:12px;background:#b4a7d633;border:2px solid var(--lavender);text-align:center;font-weight:600;animation:fadeIn .3s ease}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.admin-section{min-height:700px}.section-inner{padding:2rem;height:100%;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{color:var(--lavender-light);font-size:1.5rem}.create-form{padding:1.5rem;margin-bottom:1.5rem;background:#b4a7d60d;border-radius:12px;border:2px solid rgba(180,167,214,.2)}.create-form input,.create-form textarea{width:100%;margin-bottom:1rem}.create-form textarea{resize:vertical}.form-buttons{display:flex;gap:1rem}.file-input{margin-bottom:1rem}.file-input input[type=file]{width:100%;padding:.75rem;border:2px dashed rgba(180,167,214,.3);border-radius:8px;background:#0a0a1266;color:var(--text-primary);cursor:pointer}.file-name{display:block;margin-top:.5rem;color:var(--mint);font-size:.9rem}.playlists-list,.tracks-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.playlist-item{padding:1.5rem;background:#b4a7d60d;border:2px solid rgba(180,167,214,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.playlist-item:hover{border-color:#b4a7d680;background:#b4a7d61a;transform:translate(4px)}.playlist-item.selected{border-color:var(--lavender);background:#b4a7d626}.playlist-info h3{color:var(--lavender-light);margin-bottom:.25rem}.playlist-info p{color:var(--text-secondary);font-size:.9rem}.playlist-count{padding:.5rem 1rem;background:#9ef0d433;border-radius:8px;color:var(--mint);font-weight:600;font-size:.9rem}.track-item{padding:1.5rem;background:#b4a7d60d;border:2px solid rgba(180,167,214,.2);border-radius:12px;display:flex;align-items:center;gap:1rem}.track-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#b4a7d633;border-radius:8px;font-weight:700;color:var(--lavender)}.track-info{flex:1}.track-info h4{color:var(--text-primary);margin-bottom:.25rem}.track-info p{color:var(--text-secondary);font-size:.9rem}.track-item audio{width:200px}.empty-state{padding:3rem;text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 1200px){.admin-content{grid-template-columns:1fr}}.btn,.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(180,167,214,.3);box-shadow:inset 0 1px 3px #ffffff1a,0 0 20px #b4a7d61a;transition:all .3s ease}.btn:hover,.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#b4a7d680;box-shadow:inset 0 1px 3px #ffffff26,0 0 30px #b4a7d633,0 0 60px #b4a7d61a}.player-card,.track-item,.playlist-item{background:#ffffff08;border:1px solid rgba(180,167,214,.2);box-shadow:inset 0 1px 2px #ffffff0d,0 0 15px #b4a7d60d}.player-card:hover,.track-item:hover,.playlist-item:hover{background:#ffffff0d;box-shadow:inset 0 1px 2px #ffffff14,0 0 25px #b4a7d626,0 0 40px #b4a7d614}.lobby-header,.home-header{margin-bottom:1.5rem}.lobby-header h1,.home-header .logo{font-size:2rem;margin-bottom:.5rem}.lobby-content,.home-content{gap:1.5rem}.panel-inner,.home-card-inner{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group input{padding:.75rem 1rem;font-size:1rem}.btn{padding:.75rem 1.5rem;font-size:1rem}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a12;--lavender: #b4a7d6;--lavender-light: #d4c5f9;--lavender-dark: #8b7fb8;--mint: #9ef0d4;--mint-light: #c4ffe8;--mint-dark: #6dd3b8;--text-primary: #f5f5f7;--text-secondary: #a0a0a8}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.container{position:relative;z-index:5;max-width:1400px;margin:0 auto;padding:0 2rem 4rem}header{position:relative;z-index:10;padding:3rem 2rem 5rem;text-align:center}.logo{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--lavender-light),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.8rem;text-transform:uppercase}.tagline{font-size:1rem;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;font-weight:400}.section-title{font-size:2rem;font-weight:600;text-align:center;margin:5rem 0 4rem;letter-spacing:-.01em;color:var(--text-primary)}.bots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:8rem}.bot-card{border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:fadeInUp .8s ease-out backwards}.bot-card:nth-child(1){animation-delay:.1s}.bot-card:nth-child(2){animation-delay:.2s}.bot-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bot-card:hover{transform:translateY(-12px)}.bot-image{width:100%;height:240px;background:linear-gradient(135deg,#b4a7d626,#9ef0d426);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative;overflow:hidden}.bot-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(10,10,18,.8))}.bot-content{padding:2rem}.bot-name{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.01em}.bot-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.bot-link{display:inline-block;text-decoration:none;color:var(--lavender-light)}.bot-link-glass{padding:.8rem 1.8rem;border-radius:12px;font-size:.95rem;font-weight:500;transition:all .3s ease}.bot-link:hover .bot-link-glass{transform:translate(5px)}.toolbox-section{margin-top:8rem}.toolbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.tool-card{border-radius:16px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:fadeInUp .8s ease-out .4s backwards;display:block}.tool-card:hover{transform:translateY(-8px) scale(1.03)}.tool-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 12px rgba(158,240,212,.3))}.tool-card:hover .tool-icon{transform:rotateY(360deg) scale(1.1)}.tool-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.tool-status{font-size:.85rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.tool-status.active{color:var(--mint);text-shadow:0 0 10px rgba(158,240,212,.5)}.tool-status.coming-soon{color:var(--lavender)}footer{position:relative;z-index:5;text-align:center;padding:3rem 2rem;margin-top:8rem;color:var(--text-secondary);font-size:.95rem}footer a{color:var(--lavender-light);text-decoration:none;transition:all .3s ease;position:relative}footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--lavender-light);transition:width .3s ease}footer a:hover:after{width:100%}footer a:hover{color:var(--mint)}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@media (max-width: 768px){.logo{font-size:2.5rem}.bots-grid{grid-template-columns:1fr}.toolbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.section-title{font-size:1.75rem}}