@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Rajdhani:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap);:root{--accent-color:#00ff7f}.welcome-wrapper{align-items:center;background-color:#0d0d1a;background-color:var(--background-dark);color:#e0e0e0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.welcome-wrapper:before{animation:dataStream 15s linear infinite;background-image:linear-gradient(90deg,#00ffff0d 1px,#0000 0);background-size:15px 15px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes dataStream{0%{background-position:0 0}to{background-position:-300px 0}}.scanlines{background-image:repeating-linear-gradient(180deg,#00ffff08,#00ffff08 1px,#0000 0,#0000 3px);pointer-events:none;z-index:1}.countdown-particles,.scanlines{height:100%;left:0;position:absolute;top:0;width:100%}.countdown-particles{animation:driftGrid 60s linear infinite;background-image:radial-gradient(circle,#0ff3 1px,#0000 0);background-size:40px 40px;opacity:.2;z-index:0}@keyframes driftGrid{0%{background-position:0 0}to{background-position:1000px 1000px}}.countdown-content.blurred{filter:blur(6px);pointer-events:none}.particles{position:fixed;transition:transform .1s linear}.particle{animation:float-up 15s linear infinite;animation:float-up var(--duration,15s) linear infinite;background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 5px #0ff,0 0 10px #0ff;box-shadow:0 0 5px var(--primary-glow-color),0 0 10px var(--primary-glow-color);opacity:0}@keyframes float-up{0%{opacity:calc(var(--rand)*.7);transform:translateY(100vh) scale(0)}to{opacity:0;transform:translateY(-10vh) scale(1)}}.welcome-glass1{animation:fadeInGlass .8s ease-out both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 0 15px #0ff3,0 0 30px #00ffff1a;box-shadow:0 0 15px var(--glass-border),0 0 30px #00ffff1a;margin:4rem auto 2rem;max-width:800px;padding:clamp(1.5rem,5vw,2.5rem);position:relative;text-align:center;width:100%;z-index:2}@keyframes fadeInGlass{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-glass1 h1{animation:flickerTitle 2.5s infinite;color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;letter-spacing:.1em;margin-bottom:1rem;position:relative;text-shadow:0 0 5px #fff,0 0 15px #0ff,0 0 25px #0ff,0 0 5px #fff inset;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color),0 0 25px var(--primary-glow-color),0 0 5px #fff inset;text-transform:uppercase;z-index:1}.welcome-glass1 p{animation:fadeInText 1s ease-out both;color:#a0a0c0;color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin:0 auto 1.5rem;max-width:600px}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.welcome-actions a,.welcome-actions button{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:12px;color:#0ff;color:var(--primary-glow-color);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.95rem;padding:.75rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.welcome-actions a:hover,.welcome-actions button:hover{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 15px #0ff,0 0 30px #f0f;box-shadow:0 0 15px var(--primary-glow-color),0 0 30px var(--secondary-glow-color);color:#0d0d1a;color:var(--background-dark);transform:translateY(-2px)}.about-btn,.btn{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:8px;color:#0ff;color:var(--primary-glow-color);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.8rem;text-decoration:none;text-transform:uppercase;transition:all .4s ease-in-out}.about-btn{display:block;margin:2rem auto 0;z-index:2}.about-btn:hover,.btn:hover{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 10px #0ff,0 0 25px #0ff,0 0 50px #0ff6;box-shadow:0 0 10px var(--primary-glow-color),0 0 25px var(--primary-glow-color),0 0 50px #0ff6;color:#0d0d1a;color:var(--background-dark);transform:translateY(-3px) scale(1.02)}.about-btn,.welcome-intro{margin-bottom:3rem;position:relative;z-index:2}.about-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0d0d1a80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.about-modal-content{animation:pulsing-border 3s ease-in-out infinite;background:#0f0f19b3;background:var(--glass-bg);border:1px solid #f0f;border:1px solid var(--secondary-glow-color);border-radius:20px;box-shadow:0 0 25px #f0f;box-shadow:0 0 25px var(--secondary-glow-color);color:#a0a0c0;color:var(--text-secondary);line-height:1.7;max-height:80vh;max-width:700px;overflow-y:auto;padding:2.5rem;width:90%}@keyframes pulsing-border{0%{box-shadow:0 0 15px #f0f;box-shadow:0 0 15px var(--secondary-glow-color)}50%{box-shadow:0 0 25px #f0f,0 0 50px #ff00ff4d;box-shadow:0 0 25px var(--secondary-glow-color),0 0 50px #ff00ff4d}to{box-shadow:0 0 15px #f0f;box-shadow:0 0 15px var(--secondary-glow-color)}}.about-modal-content h2{color:#a0a0c0;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;text-align:center;text-shadow:0 0 4px #f0f6,0 0 8px #00ffff4d,0 0 12px #ffffff1a}.candybar-section{-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;overflow-x:hidden;padding:2rem;position:relative;scrollbar-width:none;width:100%;z-index:2}.candybar-section::-webkit-scrollbar{display:none}.candybar-card{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:250px;justify-content:center;max-width:250px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease;width:100%}.candybar-card:after,.candybar-card:before{border-color:#00ff7f;border-color:var(--accent-color);border-style:solid;content:"";height:20px;opacity:0;position:absolute;transition:all .4s ease;width:20px}.candybar-card:before{border-width:1px 0 0 1px;left:10px;top:10px}.candybar-card:after{border-width:0 1px 1px 0;bottom:10px;right:10px}.candybar-card:hover{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 10px 30px #0ff3;transform:translateY(-10px) scale(1.03)}.candybar-card:hover:after,.candybar-card:hover:before{height:calc(100% - 20px);opacity:1;width:calc(100% - 20px)}.candybar-card:hover .emoji{filter:drop-shadow(0 0 10px #00ff7f);filter:drop-shadow(0 0 10px var(--accent-color));transform:scale(1.2) rotate(-10deg)}.candybar-card:hover h3{color:#00ff7f;color:var(--accent-color);letter-spacing:2px;text-shadow:0 0 10px #00ff7f;text-shadow:0 0 10px var(--accent-color)}@keyframes glitchHover{0%{text-shadow:-1px -1px 2px #f0f,1px 1px 2px #0ff;transform:translate(1px,1px) scale(1.05)}50%{text-shadow:1px 1px 2px #f0f,-1px -1px 2px #0ff;transform:translate(-1px,-1px) scale(1.05)}to{text-shadow:-1px -1px 2px #f0f,1px 1px 2px #0ff;transform:translate(1px,1px) scale(1.05)}}@keyframes pulseUnit{0%,to{box-shadow:0 0 20px #0ff6}50%{box-shadow:0 0 30px #0ff9,inset 0 0 15px #0ff3}}.candybar-card.active{border-color:#ff00ff80;box-shadow:0 0 25px #f0f;box-shadow:0 0 25px var(--secondary-glow-color)}.candybar-card .emoji{font-size:3.5rem;line-height:1;transition:transform .4s ease}.candybar-card h3{color:#0ff;color:var(--primary-glow-color);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.4rem;margin:1rem 0 .5rem;text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-glow-color);transition:letter-spacing .4s ease,color .4s ease,text-shadow .4s ease}.candybar-card p.description{color:#a0a0c0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.welcome-wrapper.modal-active .footer,.welcome-wrapper.modal-active .welcome-glass,.welcome-wrapper.modal-active .welcome-intro{filter:blur(6px);pointer-events:none}.contact-section{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center;width:100%}.contact-section h2{color:#0ff;color:var(--primary-glow-color);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-glow-color)}.contact-section p{color:#a0a0c0;color:var(--text-secondary);margin:0 auto 2rem;max-width:500px}.contact-section form{width:100%}.contact-section input,.contact-section textarea{background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:8px;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);outline:none;padding:.8rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact-section textarea{min-height:150px}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#a0a0c0;color:var(--text-secondary);opacity:.7}.contact-section input:focus,.contact-section textarea:focus{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #00ffff4d}.welcome-toast{animation:slideDownFadeIn 4.5s ease-in-out forwards;background:#fffffff2;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:10px;box-shadow:0 0 25px #0ff,0 0 40px #00ffff4d;box-shadow:0 0 25px var(--primary-glow-color),0 0 40px #00ffff4d;color:#e0e0e0;color:var(--text-primary);left:50%;max-width:90%;min-width:300px;padding:1.2rem 2.5rem;position:fixed;text-align:center;top:5%;transform:translateX(-50%);z-index:9999}.welcome-toast p{font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1.05rem;font-weight:500;margin:0;text-shadow:0 0 5px #00ffffb3,0 0 10px #00000080}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-100%) translateX(-50%)}10%,85%{opacity:1;transform:translateY(0) translateX(-50%)}to{opacity:0;transform:translateY(-100%) translateX(-50%)}}.footer{color:#a0a0c0;color:var(--text-secondary);font-size:.9rem;margin-top:auto;padding:1rem;text-align:center;width:100%;z-index:2}@media (max-width:768px){.welcome-wrapper{justify-content:flex-start;padding:1.5rem 1rem}.gamerchug-logo{left:1rem;top:1rem}.candybar-section{justify-content:center;margin-left:0;padding:1rem;width:100%}.contact-section{padding:1rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--font-primary:"Orbitron",sans-serif;--bg-color:#12121c;--glass-bg:#16162499;--glass-border:#ffffff1a;--text-color:#e0e0e0;--text-muted:#888;--primary-glow:#00f2ff;--secondary-glow:#da00ff;--danger-glow:#ff2e2e;--success-glow:#0f8;--online-status:#0f8;--offline-status:#6c757d;--border-radius:12px;--transition-speed:0.3s}.empty-chat-panel{animation:none!important;background-color:#16162499;background-color:var(--glass-bg);background-image:none!important;border:1px solid #ffffff1a;border:1px solid var(--glass-border)}.connect-page-container *{box-sizing:border-box}body{background-color:#12121c;font-family:var(--font-primary)}body:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url%28#n%29%22%20opacity=%220.05%22/%3E%3C/svg%3E')}.connect-page-container ::-webkit-scrollbar{width:8px}.connect-page-container ::-webkit-scrollbar-track{background:#0000}.connect-page-container ::-webkit-scrollbar-thumb{background-color:#00f2ff;background-color:var(--primary-glow);border:2px solid #12121c;border:2px solid var(--bg-color);border-radius:10px}.connect-page-container ::-webkit-scrollbar-thumb:hover{background-color:#da00ff;background-color:var(--secondary-glow)}.connect-page-container{background:#12121c;background:var(--bg-color);justify-content:flex-start;overflow:hidden;padding:2rem}.particles{animation:move-particles 60s linear infinite;background-image:radial-gradient(#ffffff1a 1px,#0000 0);background-image:radial-gradient(var(--glass-border) 1px,#0000 0);background-size:20px 20px;height:200%;left:-50%;top:-50%;width:200%;z-index:-1}@keyframes move-particles{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}.gamerchug-logo{filter:drop-shadow(0 0 5px #00f2ff);filter:drop-shadow(0 0 5px var(--primary-glow));left:20px;opacity:.5;position:absolute;top:20px;width:150px;z-index:10}.connect-page-container .neon-button{background-color:initial;border:1px solid #00f2ff;border:1px solid var(--primary-glow);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 0 5px #00f2ff,inset 0 0 5px #00f2ff;box-shadow:0 0 5px var(--primary-glow),inset 0 0 5px var(--primary-glow);color:#00f2ff;color:var(--primary-glow);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-primary);font-weight:600;letter-spacing:1px;padding:12px 24px;text-shadow:0 0 3px #00f2ff;text-shadow:0 0 3px var(--primary-glow);text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-speed) ease}.connect-page-container .neon-button:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background-color:#00f2ff;background-color:var(--primary-glow);box-shadow:0 0 20px #00f2ff,0 0 40px #00f2ff;box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow);color:#12121c;color:var(--bg-color);text-shadow:none;transform:translateY(-2px)}.connect-page-container .neon-button.active{background-color:#da00ff;background-color:var(--secondary-glow);border-color:#da00ff;border-color:var(--secondary-glow);box-shadow:0 0 20px #da00ff,0 0 40px #da00ff;box-shadow:0 0 20px var(--secondary-glow),0 0 40px var(--secondary-glow);color:#12121c;color:var(--bg-color);text-shadow:none}.connect-page-container .delete-conversation-button,.connect-page-container .delete-group-messages-button,.connect-page-container .leave-group-button,.connect-page-container .modal-cancel-button{border-color:#ff2e2e;border-color:var(--danger-glow);box-shadow:0 0 5px #ff2e2e,inset 0 0 5px #ff2e2e;box-shadow:0 0 5px var(--danger-glow),inset 0 0 5px var(--danger-glow);color:#ff2e2e;color:var(--danger-glow);text-shadow:0 0 3px #ff2e2e;text-shadow:0 0 3px var(--danger-glow)}.connect-page-container .delete-conversation-button:hover,.connect-page-container .delete-group-messages-button:hover,.connect-page-container .leave-group-button:hover,.connect-page-container .modal-cancel-button:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background-color:#ff2e2e;background-color:var(--danger-glow);box-shadow:0 0 20px #ff2e2e,0 0 40px #ff2e2e;box-shadow:0 0 20px var(--danger-glow),0 0 40px var(--danger-glow);color:#12121c;color:var(--bg-color)}.connect-page-container .add-member-button,.connect-page-container .create-room-button,.connect-page-container .group-call-button,.connect-page-container .modal-add-button,.connect-page-container .send-message-button{border-color:#0f8;border-color:var(--success-glow);box-shadow:0 0 5px #0f8,inset 0 0 5px #0f8;box-shadow:0 0 5px var(--success-glow),inset 0 0 5px var(--success-glow);color:#0f8;color:var(--success-glow);text-shadow:0 0 3px #0f8;text-shadow:0 0 3px var(--success-glow)}.connect-page-container .add-member-button:hover,.connect-page-container .create-room-button:hover,.connect-page-container .group-call-button:hover,.connect-page-container .modal-add-button:hover,.connect-page-container .send-message-button:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background-color:#0f8;background-color:var(--success-glow);box-shadow:0 0 20px #0f8,0 0 40px #0f8;box-shadow:0 0 20px var(--success-glow),0 0 40px var(--success-glow);color:#12121c;color:var(--bg-color)}.connect-page-container .chat-card-panel,.connect-page-container .glass-panel{animation:scrolling-border 10s linear infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#16162499;background:var(--glass-bg);background-image:linear-gradient(90deg,#00f2ff,#da00ff,#00f2ff);background-image:linear-gradient(90deg,var(--primary-glow),var(--secondary-glow),var(--primary-glow));background-size:200% 100%;border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 32px 0 #0000005e;overflow:hidden;padding:1.5rem;position:relative}.connect-page-container .mode-switch{display:flex;gap:1.5rem;margin-bottom:2rem;z-index:5}.chat-interface-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-areas:"list chat" "list input";grid-template-columns:280px 1fr;grid-template-rows:1fr auto;height:75vh;max-width:1200px;width:100%}.connections-list-panel,.groups-list-panel{grid-area:list;overflow-x:hidden;overflow-y:auto;padding-right:10px}.chat-display-container{display:flex;flex-direction:column;grid-area:chat;overflow:hidden}.chat-card-panel{display:flex;flex-direction:column;flex-grow:1}.chat-header-title{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;margin-bottom:1rem;padding-bottom:1rem}.chat-input-controls{background:#16162499;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:1rem;grid-area:input;padding:1rem}.message-text-input{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#e0e0e0;color:var(--text-color);flex-grow:1;font-size:1rem;outline:none;padding:10px 15px;transition:.3s ease;transition:var(--transition-speed) ease}.message-text-input:focus{animation:input-pulse 1.2s ease-in-out infinite;border-color:#00f2ff;border-color:var(--primary-glow);box-shadow:0 0 5px #00f2ff,0 0 15px #00f2ff;box-shadow:0 0 5px var(--primary-glow),0 0 15px var(--primary-glow)}.chat-interface-wrapper1{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-areas:"list chat" "list controls" "list input";grid-template-columns:280px 1fr;grid-template-rows:auto 1fr auto;height:75vh;max-width:1200px;width:100%}.groups-list-panel1{grid-area:list;overflow-x:hidden;overflow-y:auto;padding-right:10px}.chat-display-container1{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#16162499;background:var(--glass-bg);border:1px solid #f0f3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;grid-area:chat/chat/controls/chat;overflow:hidden;padding:1.5rem}.chat-header-title1{border-bottom:1px solid #f0f3;color:#da00ff;color:var(--secondary-glow);font-family:Orbitron,sans-serif;font-family:var(--font-primary);font-size:1.5rem;margin-bottom:1rem;padding-bottom:1rem;text-shadow:0 0 5px #da00ff;text-shadow:0 0 5px var(--secondary-glow)}.group-controls1{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem;padding-bottom:10px}.chat-messages-scroller1{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-x:hidden;overflow-y:auto;padding-right:10px}.chat-input-controls1{background:#16162499;background:var(--glass-bg);border:1px solid #f0f3;border-radius:12px;border-radius:var(--border-radius);display:flex;gap:1rem;grid-area:input;margin-top:1.5rem;padding:1rem}.connection-items-list,.group-items-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.connection-list-item,.group-list-item{width:100%}.connection-button,.group-button{align-items:center;background:#16162499;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#e0e0e0;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:12px 15px;text-align:left;transition:.3s ease;transition:var(--transition-speed) ease;width:100%}.connection-button:hover,.group-button.group-active,.group-button:hover{background:#ffffff1a;border-color:#00f2ff;border-color:var(--primary-glow)}.group-button.group-active{border-color:#da00ff;border-color:var(--secondary-glow)}.dual-panel-wrapper{display:flex;gap:1.5rem;height:75vh;max-width:1200px;width:100%}.panel-container{background:#16162499;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2rem}.create-room-form-group{margin-bottom:1.5rem}.form-label{color:#00f2ff;color:var(--primary-glow);display:block;font-weight:500;margin-bottom:.5rem}.form-text-input{background:#0003;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#e0e0e0;color:var(--text-color);font-size:1rem;outline:none;padding:12px 15px;transition:.3s ease;transition:var(--transition-speed) ease;width:100%}.form-text-input:focus{animation:input-pulse 1.2s ease-in-out infinite;border-color:#00f2ff;border-color:var(--primary-glow);box-shadow:0 0 5px #00f2ff,0 0 15px #00f2ff;box-shadow:0 0 5px var(--primary-glow),0 0 15px var(--primary-glow)}.selectable-connections-list{gap:.75rem}.group-members-list,.selectable-connections-list{display:flex;flex-direction:column;list-style:none;padding:0}.group-list-item-member{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.8rem 1rem;transition:background-color .3s ease;width:100%}.group-list-item-member:last-child{border-bottom:none}.group-list-item-member:hover{background-color:#ffffff0d}.group-name-title{color:#e0e0e0;color:var(--text-color);font-weight:500;margin-right:10px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-admin{background-color:#0000004d;border-radius:4px;color:#888;color:var(--text-muted);flex-shrink:0;font-size:.8rem;padding:2px 6px}@media (max-width:480px){.group-list-item-member{flex-wrap:nowrap;padding:.5rem 1rem}.group-name-title{margin-right:5px;max-width:65%}}.gamerchug-checkbox{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.gamerchug-checkbox input{display:none}.custom-checkbox{border:2px solid #00f2ff;border:2px solid var(--primary-glow);border-radius:4px;height:20px;margin-right:12px;position:relative;width:20px}.custom-checkbox,.custom-checkbox:after{transition:.3s ease;transition:var(--transition-speed) ease}.custom-checkbox:after{background:#00f2ff;background:var(--primary-glow);border-radius:2px;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:10px}.gamerchug-checkbox input:checked+.custom-checkbox{border-color:#0f8;border-color:var(--success-glow)}.gamerchug-checkbox input:checked+.custom-checkbox:after{background:#0f8;background:var(--success-glow);transform:translate(-50%,-50%) scale(1)}.chat-messages-scroller{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-x:hidden;overflow-y:auto;padding-right:10px}.chat-message-bubble{word-wrap:break-word;border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;max-width:70%;padding:10px 15px}.message-sent{align-self:flex-end;background:#00f2ff;background:var(--primary-glow);border-bottom-right-radius:4px;color:#12121c;color:var(--bg-color)}@keyframes sent-message-glow{0%,to{box-shadow:0 0 5px #00f2ff;box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 15px #00f2ff,0 0 25px #da00ff;box-shadow:0 0 15px var(--primary-glow),0 0 25px var(--secondary-glow)}}.message-received{align-self:flex-start;background:#333;border-bottom-left-radius:4px;color:#e0e0e0;color:var(--text-color)}.message-timestamp{align-self:flex-end;color:#12121c;color:var(--bg-color);font-size:.75rem;margin-top:5px;opacity:.7}.message-received .message-timestamp{color:#888;color:var(--text-muted)}.message-sender-name{font-size:.8rem;font-weight:700;margin-bottom:5px;opacity:.8}.empty-list-panel,.no-messages-placeholder{color:#a9a9a9;font-size:1.2rem;font-weight:300;margin:auto;text-align:center}.status-indicator-circle{border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}.status-indicator-circle.online{animation:status-blink 1.5s ease-in-out infinite;background:#0f8;background:var(--online-status);box-shadow:0 0 5px #0f8;box-shadow:0 0 5px var(--online-status)}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.status-indicator-circle.offline{background:#6c757d;background:var(--offline-status)}.unread-messages-badge{animation:unread-badge-pulse 1.5s ease-in-out infinite;background-color:#ff2e2e;background-color:var(--danger-glow);border-radius:50%;color:#b61212;font-size:.75rem;font-weight:700;margin-left:auto;padding:2px 6px}@keyframes unread-badge-pulse{0%,to{box-shadow:0 0 5px #ff2e2e;box-shadow:0 0 5px var(--danger-glow);transform:scale(1)}50%{box-shadow:0 0 10px #ff2e2e;box-shadow:0 0 10px var(--danger-glow);transform:scale(1.1)}}@keyframes new-message-glow{0%,to{border-color:#ff2e2e;border-color:var(--danger-glow);box-shadow:0 0 5px #ff2e2e;box-shadow:0 0 5px var(--danger-glow)}50%{border-color:#ff2e2e;border-color:var(--danger-glow);box-shadow:0 0 15px #ff2e2e;box-shadow:0 0 15px var(--danger-glow)}}.new-message-glow{animation:new-message-glow 1.5s ease-in-out infinite}@media (max-width:768px){.connect-page-container{padding:1rem}.gamerchug-logo{left:10px;top:10px;width:100px}.chat-interface-wrapper,.chat-interface-wrapper1,.dual-panel-wrapper{gap:1rem;grid-template-areas:"list" "controls" "chat" "input";grid-template-columns:1fr;height:auto;padding-top:60px}.groups-list-panel1{grid-area:list}.chat-display-container,.chat-display-container1{grid-area:chat;max-height:75vh;overflow:hidden;padding:1rem}.group-controls1{border-bottom:none;grid-area:controls;margin-bottom:0;padding-bottom:0}.chat-input-controls1{flex-direction:column;gap:.5rem;grid-area:input;margin-top:0}.mode-switch{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.chat-input-controls{flex-direction:column;gap:.5rem}.message-text-input{width:100%}.chat-message-bubble{max-width:90%}.modal-content{padding:20px}.chat-messages-scroller,.chat-messages-scroller1{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding-right:10px}.chat-messages-scroller1::-webkit-scrollbar,.chat-messages-scroller::-webkit-scrollbar{background:#0003;border-radius:10px;width:6px}.chat-messages-scroller1::-webkit-scrollbar-thumb,.chat-messages-scroller::-webkit-scrollbar-thumb{background-color:#00f2ff;background-color:var(--primary-glow);border:1px solid #12121c;border:1px solid var(--bg-color);border-radius:10px}}:root{--success-color:#00ff80}.connect-page-container{align-items:center;animation:move-background-dashboard 45s linear infinite;background-color:#0d0d1a;background-color:var(--background-dark);background-image:radial-gradient(1.5px 1.5px at 10px 20px,#0ff,#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,#0ff,#0000);background-image:radial-gradient(1.5px 1.5px at 10px 20px,var(--primary-glow-color),#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,var(--primary-glow-color),#0000);background-repeat:repeat;background-size:250px 250px;display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow-x:hidden;padding:3rem 1rem;position:relative;width:100%}.connect-page-container:after{animation:pulse-grid 20s linear infinite;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(180deg,#ffffff0d 1px,#0000 0);background-size:50px 50px;opacity:.1}.connect-page-container:after,.connect-page-container:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.connect-page-container:before{animation:scanlines 10s linear infinite;background-image:linear-gradient(0deg,#0000 50%,#ffffff0d 0);background-size:100% 4px;opacity:.2}.particles{background-image:radial-gradient(2px 2px at 30px 70px,#f0f,#0000),radial-gradient(1px 1px at 120px 190px,#fff,#0000);background-image:radial-gradient(2px 2px at 30px 70px,var(--secondary-glow-color),#0000),radial-gradient(1px 1px at 120px 190px,#fff,#0000);background-repeat:repeat;background-size:300px 300px;transition:transform .1s ease-out;z-index:1}.page-title{animation:title-flicker 2s linear infinite;color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);font-weight:700;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 0 5px #fff,0 0 15px #0ff,0 0 25px #0ff;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color),0 0 25px var(--primary-glow-color);text-transform:uppercase;z-index:2}@keyframes title-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-glow-color)}20%,22%,24%,55%{opacity:.7;text-shadow:none}}.page-title:after,.page-title:before{animation:ghost-shadow 2.5s linear infinite;content:attr(data-text);height:100%;left:0;position:absolute;text-shadow:none;top:0;width:100%;z-index:-1}.page-title:before{color:#0ff;color:var(--primary-glow-color);transform:translate(-2px,2px)}.page-title:after{animation-delay:.5s;color:#f0f;color:var(--secondary-glow-color);transform:translate(2px,-2px)}@keyframes ghost-shadow{0%,to{opacity:.6;transform:translate(0)}50%{opacity:.8;transform:translate(4px,-4px)}}.connections-wrapper{display:flex;flex-direction:column;gap:2.5rem;max-height:300px;max-width:800px;overflow-y:auto;padding-right:.5rem;scrollbar-color:#0ff #0000;scrollbar-color:var(--primary-glow-color) #0000;scrollbar-width:thin;width:100%;z-index:2}.loading{color:#0ff;color:var(--primary-glow-color);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.5rem;text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-glow-color)}.gamerchug-logo{filter:drop-shadow(0 0 8px #00ffff);filter:drop-shadow(0 0 8px var(--primary-glow-color));left:1.5rem;position:fixed;top:1.5rem;width:clamp(60px,8vw,90px);z-index:1000}.gamerchug-logo:hover{animation:glitch-flicker .4s steps(2) infinite alternate;transform:scale(1.1)}.glass-cardg{animation:card-shimmer 8s linear infinite;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a;box-shadow:0 0 15px var(--glass-border),0 0 40px #00ffff1a;color:#e0e0e0;color:var(--text-primary);padding:1.5rem 2rem;position:relative;transition:box-shadow .4s ease,border-color .4s ease}@keyframes card-shimmer{0%,to{box-shadow:0 0 15px #0ff3;box-shadow:0 0 15px var(--glass-border)}50%{box-shadow:0 0 25px #00ffff4d}}.connect-request-item{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.connect-request-item:hover{border-color:#ff00ff4d;box-shadow:0 0 25px #f0f,0 0 50px #0ff;box-shadow:0 0 25px var(--secondary-glow-color),0 0 50px var(--primary-glow-color)}.request-info{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;flex-direction:column;flex-grow:1;font-size:1rem;justify-content:center;line-height:1.6;text-align:center}.request-info strong{color:#0ff;color:var(--primary-glow-color);font-weight:500}.empty-card{align-items:center;color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:200px;padding:3rem 2rem;text-align:center}.btn-group{display:flex;flex-shrink:0;gap:.75rem}.btn-group button{background:#0000;border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9em;font-weight:700;letter-spacing:1px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s ease-in-out}.btn-group button:first-of-type{border:2px solid #00ff80;border:2px solid var(--success-color);color:#00ff80;color:var(--success-color)}.btn-group button:first-of-type:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#00ff80;background:var(--success-color);box-shadow:0 0 20px #00ff8080,0 0 40px #00ff804d;color:#0d0d1a;color:var(--background-dark);transform:translateY(-2px)}.btn-group button:last-of-type{border:2px solid #ff4d4d;border:2px solid var(--error-color);color:#ff4d4d;color:var(--error-color)}.btn-group button:last-of-type:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#ff4d4d;background:var(--error-color);box-shadow:0 0 20px #ff4d4d80,0 0 40px #ff4d4d4d;color:#fff;transform:translateY(-2px)}.dashboard-btn3{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:8px;color:#0ff;color:var(--primary-glow-color);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9em;font-weight:700;letter-spacing:1px;margin-top:2rem;padding:.8rem 1.8rem;text-transform:uppercase;transition:all .3s ease-in-out;z-index:2}.dashboard-btn3:hover{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 20px #00ffff80;color:#0d0d1a;color:var(--background-dark);transform:translateY(-3px)}.toast-notification{animation:toast-fade 3s ease-in-out forwards;border-radius:10px;font-family:Orbitron,sans-serif;font-family:var(--font-heading);top:2rem;z-index:2000}.toast-notification.success{animation:toast-pop 2s ease-in-out forwards;background:#00ff8033;border:1px solid #00ff80;border:1px solid var(--success-color);box-shadow:0 0 15px #00ff80;box-shadow:0 0 15px var(--success-color);text-shadow:0 0 5px #00ff80;text-shadow:0 0 5px var(--success-color)}.toast-notification.error{animation:toast-pop 2s ease-in-out forwards;background:#ff4d4d33;border:1px solid #ff4d4d;border:1px solid var(--error-color);text-shadow:0 0 5px #ff4d4d;text-shadow:0 0 5px var(--error-color)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-20px) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.8)}}@keyframes toast-fade{0%,to{opacity:0;transform:translate(-50%,-20px)}10%,90%{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.connect-page-container{justify-content:flex-start;padding:6rem 1rem 2rem}.connect-request-item{align-items:center;flex-direction:column;gap:1.5rem}.btn-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.gamerchug-logo{left:1rem;top:1rem}}:root{--glass-bg:#1a1a2e80}.profile-wrapper{animation:move-background 60s linear infinite;background-color:#0d0d1a;background-color:var(--background-dark);background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);min-height:100vh;overflow:hidden;padding:50px 20px;position:relative}@keyframes move-background{0%{background-position:0 0}to{background-position:200px 200px}}.profile-wrapper:after{animation:pulse-grid 20s linear infinite;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(180deg,#ffffff0d 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes pulse-grid{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.profile-wrapper:before{animation:scanlines 10s linear infinite;background-image:linear-gradient(0deg,#0000 50%,#ffffff0d 0);background-size:100% 4px;content:"";height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.profile-card{animation:float 6s ease-in-out infinite;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f0f19b3;border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a;box-shadow:0 0 15px var(--glass-border),0 0 40px #00ffff1a;margin:0 auto;max-width:550px;padding:40px;position:relative;z-index:1}.profile-card:after,.profile-card:before{animation:pulse-border-glow 3s ease-in-out infinite;content:"";height:40px;position:absolute;transition:all .3s ease;width:40px}.profile-card:before{border-left:2px solid #0ff;border-left:2px solid var(--primary-glow-color);border-radius:20px 0 0 0;border-top:2px solid #0ff;border-top:2px solid var(--primary-glow-color);left:-2px;top:-2px}.profile-card:after{border-bottom:2px solid #0ff;border-bottom:2px solid var(--primary-glow-color);border-radius:0 0 20px 0;border-right:2px solid #0ff;border-right:2px solid var(--primary-glow-color);bottom:-2px;right:-2px}@keyframes pulse-border-glow{0%,to{border-color:#0ff;border-color:var(--primary-glow-color)}50%{border-color:#f0f;border-color:var(--secondary-glow-color)}}.current-profile-picture,.profile-header{margin-bottom:30px;text-align:center}.profile-picture-display{animation:avatar-pulse 2s ease-in-out infinite;background-color:#0d0d1a;background-color:var(--background-dark);border:3px solid #0ff;border:3px solid var(--primary-glow-color);border-radius:50%;box-shadow:0 0 20px #0ff;box-shadow:0 0 20px var(--primary-glow-color);height:120px;margin:0 auto 10px;object-fit:cover;padding:5px;width:120px}.profile-picture-label{color:#a0a0c0;color:var(--text-secondary);font-size:.8em;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.profile-picture-selection-grid{background:#0003;border:1px dashed #0ff3;border:1px dashed var(--glass-border);border-radius:10px;margin:30px 0 40px;padding:20px}.profile-picture-selection-grid h3{color:#0ff;color:var(--primary-glow-color);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.2em;margin-bottom:20px;margin-top:0;text-align:center;text-shadow:0 0 5px #00ffff80}.profile-pictures-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));justify-items:center}.profile-picture-item{border:3px solid #0000;border-radius:50%;cursor:pointer;height:70px;overflow:hidden;position:relative;transition:all .2s ease-in-out;width:70px}.profile-picture-thumbnail{border-radius:50%;filter:brightness(.7);height:100%;object-fit:cover;transition:filter .2s;width:100%}.profile-picture-item.unlocked{cursor:pointer}.profile-picture-item.unlocked .profile-picture-thumbnail{filter:brightness(1)}.profile-picture-item.unlocked:hover{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #0ff;box-shadow:0 0 15px var(--primary-glow-color);transform:scale(1.08)}.profile-picture-item.selected{animation:selected-pulse 1s infinite alternate;border:4px solid #f0f;border:4px solid var(--secondary-glow-color);box-shadow:0 0 20px #f0f;box-shadow:0 0 20px var(--secondary-glow-color);transform:scale(1.1)}@keyframes selected-pulse{0%{box-shadow:0 0 10px #f0f;box-shadow:0 0 10px var(--secondary-glow-color);opacity:.9}to{box-shadow:0 0 25px #f0f;box-shadow:0 0 25px var(--secondary-glow-color);opacity:1}}.profile-picture-item.locked{border-color:#ffffff1a;cursor:not-allowed;filter:grayscale(100%) blur(1px);opacity:.5;pointer-events:none}.lock-overlay{background:#00000080 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF" opacity="0.8"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z"/></svg>') 50% no-repeat;background-size:40%;border-radius:50%;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:5}.profile-avatar{display:none}.profile-card h2{animation:heading-flicker 2s linear infinite;color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:2.2em;margin:0 0 30px;position:relative;text-shadow:0 0 5px #fff,0 0 10px #0ff;text-shadow:0 0 5px #fff,0 0 10px var(--primary-glow-color)}@keyframes heading-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.8}}.profile-field{margin-bottom:20px}.profile-field label{color:#a0a0c0;color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.profile-field input{background:#0000004d;border:1px solid #0000;border-radius:8px;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1em;outline:none;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.profile-field input:focus{animation:input-glow 1.5s ease-in-out infinite;border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #00ffff4d}@keyframes input-glow{0%,to{box-shadow:0 0 15px #0ff;box-shadow:0 0 15px var(--primary-glow-color)}50%{box-shadow:0 0 25px #0ff,0 0 40px #f0f;box-shadow:0 0 25px var(--primary-glow-color),0 0 40px var(--secondary-glow-color)}}.profile-field input:disabled{background:#0003;color:#a0a0c0;color:var(--text-secondary);cursor:not-allowed}.error-message{color:#ff4d4d;color:var(--error-color);text-shadow:0 0 5px #ff4d4d;text-shadow:0 0 5px var(--error-color)}.change-count,.error-message{font-size:.8em;margin-top:6px}.change-count{color:#0ff;color:var(--primary-glow-color)}.profile-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.edit-btn1{background:#0000;border:2px solid #0ff;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:1px;overflow:hidden;padding:14px 20px;position:relative;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.edit-btn1:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#0ff;box-shadow:0 0 20px #00ffff80,0 0 40px #f0f;box-shadow:0 0 20px #00ffff80,0 0 40px var(--secondary-glow-color);color:#0d0d1a;transform:translateY(-3px)}.edit-btn1:active{box-shadow:0 0 10px #00ffff80;transform:translateY(-1px)}.edit-btn1.go-dashboard1{background:#0000;border-color:#f0f;color:#fff;text-shadow:0 0 5px #f0f}.edit-btn1.go-dashboard1:hover{background:#f0f;box-shadow:0 0 25px #f0f9;color:#fff;text-shadow:none}.profile-btn{border:1px solid #0ff;border:1px solid var(--primary-glow-color);border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.1em;font-weight:700;letter-spacing:1px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;width:100%}.profile-btn.primary{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--primary-glow-color);color:#0d0d1a;color:var(--background-dark)}.profile-btn.secondary{background:#0000;border-color:#f0f;border-color:var(--secondary-glow-color);color:#f0f;color:var(--secondary-glow-color)}.profile-btn:hover{box-shadow:0 4px 20px #0ff6;transform:translateY(-3px)}.profile-btn.secondary:hover{box-shadow:0 4px 20px #f0f6}.profile-actions1.edit-mode1{display:flex;flex-direction:row;gap:15px;margin-top:30px}.save-btn1{background:#0ff;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 15px #00ffff80;color:#0d0d1a;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.save-btn1:hover{box-shadow:0 0 25px #0ffc,0 0 5px #fff;transform:translateY(-3px)}.save-btn1:active{box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--primary-glow-color);transform:translateY(-1px) scale(.98)}.cancel-btn1{background:#0000;border:2px solid #ff4d4d;border-radius:8px;color:#ff4d4d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.cancel-btn1:hover{background:#ff4d4d;box-shadow:0 0 20px #ff4d4d80;color:#0d0d1a;transform:translateY(-3px)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:35px;width:100%}.eye-icon{color:#555;cursor:pointer;position:absolute;right:10px}.toast-notification{font-family:Roboto Mono,monospace}.toast-notification.success{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #0ff;box-shadow:0 0 15px var(--primary-glow-color);color:#0ff;color:var(--primary-glow-color)}.toast-notification.error{border-color:#ff4d4d;box-shadow:0 0 15px #ff4d4d;color:#ff4d4d}.gamerchug-logo-profile{display:block;filter:drop-shadow(0 0 8px #00ffff);filter:drop-shadow(0 0 8px var(--primary-glow-color));margin:30px auto 0;max-width:160px}body.modal-open{overflow:hidden}body>.registration-page{animation:none;background:#0000;height:auto;justify-content:center;left:50%;margin:0;max-width:500px;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1000}.glass-card,body>.registration-page{align-items:center;display:flex;max-height:90vh}.glass-card{border:1px solid #0ff3;box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a;box-shadow:0 0 15px var(--glass-border),0 0 40px #00ffff1a;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:2.5rem;position:relative;text-align:center;width:100%;z-index:2}.glass-card h2{animation:flickerTitle 2.5s infinite;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 5px #fff,0 0 15px #0ff;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color);text-transform:uppercase}.glass-card h2,.glass-card input{color:#e0e0e0;color:var(--text-primary)}.glass-card input{background-color:#0003;border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:8px;font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1rem;padding:.8rem 1rem;text-align:center;transition:all .3s ease;width:100%}.glass-card input::placeholder{color:#a0a0c0;color:var(--text-secondary)}.glass-card input:focus{animation:pulse-border 1.2s ease-in-out infinite;border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #00ffff80;outline:none}@keyframes pulse-border{0%,to{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #0ff;box-shadow:0 0 15px var(--primary-glow-color)}50%{border-color:#f0f;border-color:var(--secondary-glow-color);box-shadow:0 0 25px #0ff,0 0 40px #00ffff80;box-shadow:0 0 25px var(--primary-glow-color),0 0 40px #00ffff80}}.neon-btn{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:8px;color:#0ff;color:var(--primary-glow-color);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.8rem;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.neon-btn:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 20px #00ffff80,0 0 40px #0ff,0 0 60px #f0f;box-shadow:0 0 20px #00ffff80,0 0 40px var(--primary-glow-color),0 0 60px var(--secondary-glow-color);color:#0d0d1a;color:var(--background-dark);transform:translateY(-2px)}.generated-details{animation:scrolling-border 3s linear infinite;background-color:#0003;background-image:linear-gradient(90deg,#0ff,#f0f,#0ff);background-image:linear-gradient(90deg,var(--primary-glow-color),var(--secondary-glow-color),var(--primary-glow-color));background-size:200% 100%;border:none;border-radius:8px;color:#a0a0c0;color:var(--text-secondary);margin:.5rem 0;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0);padding:1rem;width:100%}@keyframes scrolling-border{to{background-position:-200% 0}}.generated-details p{font-size:1rem;line-height:1.6;margin:.5rem 0}.generated-details strong{color:#0ff;color:var(--primary-glow-color);font-weight:500}.center-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19b3;background:var(--glass-bg);border-radius:12px;box-shadow:0 0 15px #00000080;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1rem;font-weight:500;left:50%;padding:1rem 2rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:1000}.center-toast.success{border:1px solid #4dff4d;border:1px solid var(--success-color);box-shadow:0 0 15px #4dff4d,0 0 25px #4dff4d80;box-shadow:0 0 15px var(--success-color),0 0 25px #4dff4d80}.center-toast.error,.center-toast.success{animation:toast-glow 1.5s ease-in-out infinite}.center-toast.error{border:1px solid #ff4d4d;border:1px solid var(--error-color);box-shadow:0 0 15px #ff4d4d,0 0 25px #ff4d4d80;box-shadow:0 0 15px var(--error-color),0 0 25px #ff4d4d80}@keyframes toast-glow{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.95;transform:translateX(-50%) scale(1.02)}}.center-toast small{display:block;font-size:.8rem;margin-top:.5rem;opacity:.7}:root{--success-color:#4dff4d}.login-page{background-color:initial;font-family:Roboto Mono,monospace;font-family:var(--font-body);max-width:500px;padding:2rem;position:relative;width:100%;z-index:2}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{animation:float linear infinite;background:#ffffff1a;border-radius:50%;position:absolute}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.login-card{align-items:center;animation:fadeInScale .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 25px #0ff3;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:2rem;width:100%}.login-card h2{animation:flickerTitle 2.5s infinite;color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-shadow:0 0 5px #fff,0 0 15px #0ff,0 0 25px #0ff;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color),0 0 25px var(--primary-glow-color);text-transform:uppercase}@keyframes flickerTitle{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #0ff,0 0 20px #0ff}20%,22%,24%,55%{opacity:.6;text-shadow:none}}.login-card input[type=password],.login-card input[type=text]{background-color:#0003;border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:8px;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.login-card input::placeholder{color:#a0a0c0;color:var(--text-secondary)}.login-card input:focus{border-color:#0ff;border-color:var(--primary-glow-color);box-shadow:0 0 15px #00ffff80;outline:none}.login-card input.error{border-color:#ff4d4d;border-color:var(--error-color);box-shadow:0 0 10px #ff4d4d;box-shadow:0 0 10px var(--error-color)}.neon-btn1{background:none;border:2px solid #00f0ff;border-radius:8px;box-shadow:0 0 5px #00f0ff,0 0 15px #00f0ff,0 0 30px #00f0ff;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:2px;margin-top:15px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .4s ease-in-out}.neon-btn1:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#00f0ff;box-shadow:0 0 10px #00f0ff,0 0 40px #00f0ff,0 0 80px #00f0ff,0 0 120px #f0f;box-shadow:0 0 10px #00f0ff,0 0 40px #00f0ff,0 0 80px #00f0ff,0 0 120px var(--secondary-glow-color);color:#000}.neon-btn1:active{transform:scale(.95)}.neon-btn1:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.neon-btn1:hover:before{left:100%}.toast-notification{animation:fadeIn .3s ease-in;background-color:#333;box-shadow:0 0 20px #00ffff4d;color:#fff;font-size:1rem;font-weight:700;padding:1rem 2rem;position:absolute;top:-60px;z-index:10}.toast-notification.success{background-color:#4dff4d;background-color:var(--success-color)}.toast-notification.error{background-color:#ff4d4d;background-color:var(--error-color)}.modal-overlay{animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf}.modal-content{animation:fadeInScale .4s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:10px;box-shadow:0 0 30px #00ffff80;justify-content:center;padding:40px 30px}.modal-content p{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.rotating-circle{border:5px solid #ffffff1a;height:50px;margin-top:10px;width:50px}.rotating-circle.success{animation:spin 1s linear infinite;border:5px solid #0f03;border-top-color:#0f0}.rotating-circle.error{animation:spin 1s linear infinite;border:5px solid #f003;border-top-color:red}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.login-card{border-radius:12px;padding:1.5rem}.login-card h2{font-size:2rem}.neon-btn1{font-size:.9rem;padding:8px 16px}.modal-content{padding:30px 20px}.modal-content p{font-size:1.2rem}.rotating-circle{height:40px;width:40px}}body>.login-page{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.chaos-chat-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414cc;border:2px solid #ff2e2e;border-radius:12px;box-shadow:0 0 12px #ff2e2e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-height:500px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;width:320px;z-index:9999}.chat-header{align-items:center;background:linear-gradient(90deg,#ff2e2e,#f05);color:#fff;cursor:move;display:flex;font-size:16px;font-weight:700;justify-content:space-between;letter-spacing:1px;padding:10px 12px}.chat-header-buttons button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;transition:transform .2s ease}.chat-header-buttons button:hover{transform:scale(1.2)}.chat-feed{background:#0006;border-bottom:1px solid #ff2e2e;border-top:1px solid #ff2e2e;flex:1 1;overflow-y:auto;padding:10px;scroll-behavior:smooth}.chat-message{word-wrap:break-word;font-size:14px;line-height:1.4;margin-bottom:8px}.admin-msg{color:#0ff;font-weight:700}.chat-controls{background:#141414e6;display:flex;flex-direction:column;gap:8px;padding:10px}.chat-controls textarea{background:#111;border:1px solid #ff2e2e;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:13px;height:60px;padding:6px;resize:none;width:100%}.chat-actions{align-items:center;display:flex;justify-content:space-between}.chat-actions label{color:#ccc;font-size:13px}.chat-actions input[type=checkbox]{accent-color:#ff2e2e;margin-right:6px}.chat-actions button{background:linear-gradient(90deg,#ff2e2e,#f05);border:none;border-radius:6px;box-shadow:0 0 6px #ff2e2e;color:#fff;cursor:pointer;font-weight:700;padding:6px 14px;transition:background .3s ease}.chat-actions button:hover{background:linear-gradient(90deg,#f05,#ff2e2e)}:root{--background-light:#1a1a2e;--glass-border:#0ff3;--error-color:#ff4d4d}body{color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body)}body:before{animation:digital-static 10s linear infinite;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url%28#n%29%22%20opacity=%220.1%22/%3E%3C/svg%3E');background-size:cover;z-index:-1}.dashboard-container{animation:move-background-dashboard 45s linear infinite;background-color:#0d0d1a;background-color:var(--background-dark);background-image:radial-gradient(1.5px 1.5px at 10px 20px,#0ff,#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(1px 1px at 25px 90px,#ddd,#0000),radial-gradient(1.5px 1.5px at 150px 110px,#f0f,#0000),radial-gradient(2px 2px at 110px 180px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,#0ff,#0000);background-image:radial-gradient(1.5px 1.5px at 10px 20px,var(--primary-glow-color),#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(1px 1px at 25px 90px,#ddd,#0000),radial-gradient(1.5px 1.5px at 150px 110px,var(--secondary-glow-color),#0000),radial-gradient(2px 2px at 110px 180px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,var(--primary-glow-color),#0000);background-size:250px 250px;min-height:100vh;overflow-x:hidden;padding:2rem 2rem 7rem;position:relative}@keyframes move-background-dashboard{0%{background-position:0 0}to{background-position:-250px -250px}}.dashboard-container:before{animation:scanlines 10s linear infinite;background-image:linear-gradient(0deg,#0000 50%,#ffffff1a 0);background-size:100% 4px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dashboard-header{margin-bottom:3rem;position:relative;text-align:center;z-index:2}.dashboard-header h1{animation:text-blink 2.5s step-end infinite;color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,4rem);text-shadow:0 0 5px #fff,0 0 15px #0ff,0 0 25px #0ff;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color),0 0 25px var(--primary-glow-color);text-transform:uppercase}@keyframes text-blink{0%,to{text-shadow:0 0 5px #fff,0 0 15px #0ff;text-shadow:0 0 5px #fff,0 0 15px var(--primary-glow-color)}50%{text-shadow:0 0 10px #0ff,0 0 20px #f0f}}.dashboard-header p{animation:ghost-flicker 3s linear infinite;color:#a0a0c0;color:var(--text-secondary);font-size:1.1rem;margin-top:.75rem}.nav-btn,.username{color:#0ff;color:var(--primary-glow-color);font-weight:700}.nav-btn{align-items:center;background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:10px;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.95rem;gap:.75rem;height:48px;justify-content:flex-start;letter-spacing:.5px;max-width:280px;padding:.8rem 1.2rem;text-align:left;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.nav-btn:hover{animation:glitch-flicker .4s steps(2) infinite alternate;background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 20px #00ffff80,0 0 40px #0ff,0 0 60px #f0f;box-shadow:0 0 20px #00ffff80,0 0 40px var(--primary-glow-color),0 0 60px var(--secondary-glow-color);color:#0d0d1a;color:var(--background-dark);transform:translateY(-3px)}@keyframes glitch-flicker{0%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}to{transform:translate(-1px,1px)}}.connect-inline-badge{align-items:center;animation:pulse-connect 1.5s ease-in-out infinite;background-color:#ef4444;border-radius:50%;box-shadow:0 0 8px #f009,0 0 12px #f006;color:#fff;display:inline-flex;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;height:24px;justify-content:center;line-height:1;margin-left:8px;min-width:24px;padding:4px 8px;text-align:center;transition:transform .3s ease}.connect-inline-badge:hover{box-shadow:0 0 12px #f00c,0 0 20px #f009;transform:scale(1.1)}@keyframes pulse-connect{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.dashboard-main{align-items:flex-start;flex-wrap:wrap;gap:2rem;padding-bottom:7rem;position:relative;z-index:1}.dashboard-main,.glass-card2{display:flex;justify-content:center;width:100%}.glass-card2{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f19b3;background:var(--glass-bg);border:1px solid #0ff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a;box-shadow:0 0 15px var(--glass-border),0 0 40px #00ffff1a;color:#e0e0e0;color:var(--text-primary);flex-direction:column;max-width:380px;min-height:250px;padding:2rem;text-align:center;transition:transform .4s ease,box-shadow .4s ease}.glass-card2:hover{border-color:#ff00ff4d;box-shadow:0 10px 30px #0006,0 0 25px #f0f,0 0 50px #0ff;box-shadow:0 10px 30px #0006,0 0 25px var(--secondary-glow-color),0 0 50px var(--primary-glow-color);transform:translateY(-10px) perspective(500px) rotateX(2deg)}.glass-card2 h2{color:#0ff;color:var(--primary-glow-color);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.8em;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-glow-color)}.glass-card2 p{color:#a0a0c0;color:var(--text-secondary);font-size:.95rem;line-height:1.6rem;text-align:center}@media(max-width:768px){.dashboard-main{align-items:center;flex-direction:column;padding-bottom:7rem}.glass-card2{max-width:100%;padding:1.5rem;width:100%}}.left-ellipsis-trigger{background:#ffffff1a;border-radius:0 8px 8px 0;cursor:pointer;left:0;padding:10px;position:fixed;top:50%;transform:translateY(-50%);z-index:1001}.ellipsis-icon{color:#fff;font-size:24px}.side-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;flex-direction:column;gap:15px;height:100%;left:-300px;overflow-y:auto;padding:20px;position:fixed;top:0;transition:left .3s ease-in-out;width:300px;z-index:1002}.side-modal.open{left:0}.side-modal a{text-decoration:none}.close-modal{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-glow-color);border-radius:10px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;margin-top:auto;padding:.5rem 1rem;transition:all .3s ease-in-out}.close-modal:hover{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 15px #0ff;box-shadow:0 0 15px var(--primary-glow-color);color:#0d0d1a;color:var(--background-dark)}@media (max-width:768px){.close-modal{margin-bottom:5rem;margin-top:auto}}.dashboard-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19e6;border-top:1px solid #0ff3;border-top:1px solid var(--glass-border);bottom:0;display:flex;justify-content:center;left:0;padding:.8rem 1rem;position:fixed;width:100%;z-index:1000}.footer-control-group{align-items:center;display:flex;gap:2rem}.footer-icon-button{color:#0ff;color:var(--primary-glow-color);cursor:pointer;font-size:1.6rem;position:relative;transition:transform .3s ease,color .3s ease}.footer-icon-button:hover{color:#f0f;color:var(--secondary-glow-color);transform:scale(1.2)}.footer-icon-button .bell-badge{animation:badge-pulse 1.5s ease-in-out infinite;background-color:red;border-radius:50%;color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:-10px;top:-6px}@keyframes badge-pulse{0%,to{box-shadow:0 0 5px red;transform:scale(1)}50%{box-shadow:0 0 15px red;transform:scale(1.1)}}.toast{background:#0ff;background:var(--primary-glow-color);box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--primary-glow-color);color:#0d0d1a;color:var(--background-dark);padding:.6rem 1.2rem;top:1rem;z-index:1003}.modal-overlay{background:#0a0a0acc;z-index:9999}.modal-content{font-size:1.5rem}.rotating-circle{animation:spin 1s linear infinite;border:6px solid #0000;border-radius:50%;height:60px;margin:20px auto;width:60px}.rotating-circle.orange{border-right:6px solid orange;border-top:6px solid orange}@media(max-width:768px){.dashboard-container{padding:1.5rem 1rem 7rem}.dashboard-main{align-items:center;flex-direction:column}.glass-card2{max-width:100%;min-height:auto}.dashboard-footer{flex-direction:row;justify-content:space-around;padding:.6rem}.footer-control-group{gap:1.2rem}.footer-icon-button{font-size:1.4rem}.side-modal{left:-100%;padding-bottom:6rem;width:100%}.side-modal.open{left:0}.close-modal{margin-bottom:6rem}}:root{--primary-glow-color:#0ff;--secondary-glow-color:#f0f;--background-dark:#0d0d1a;--text-primary:#e0e0e0;--text-secondary:#a0a0c0;--glass-bg:#0f0f19b3;--glass-border:#ad89ff33;--font-heading:"Orbitron",sans-serif;--font-body:"Roboto Mono",monospace;--cart-glow-color:#ad89ff}.cart-page{align-items:center;animation:move-background-cart 50s linear infinite;background-color:#0d0d1a;background-color:var(--background-dark);background-image:radial-gradient(1.5px 1.5px at 10px 20px,#ad89ff,#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(1px 1px at 25px 90px,#ddd,#0000),radial-gradient(1.5px 1.5px at 150px 110px,#f0f,#0000),radial-gradient(2px 2px at 110px 180px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,#ad89ff,#0000);background-image:radial-gradient(1.5px 1.5px at 10px 20px,var(--cart-glow-color),#0000),radial-gradient(1px 1px at 80px 50px,#fff,#0000),radial-gradient(1px 1px at 25px 90px,#ddd,#0000),radial-gradient(1.5px 1.5px at 150px 110px,var(--secondary-glow-color),#0000),radial-gradient(2px 2px at 110px 180px,#fff,#0000),radial-gradient(2.5px 2.5px at 180px 150px,var(--cart-glow-color),#0000);background-repeat:repeat;background-size:250px 250px;color:#e0e0e0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-family:var(--font-body);min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}@keyframes move-background-cart{0%{background-position:0 0}to{background-position:0 250px}}.cart-page:before{animation:scanlines 10s linear infinite;background-image:linear-gradient(0deg,#0000 50%,#ffffff0d 0);background-size:100% 4px;content:"";height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.cart-header{margin-bottom:2.5rem;text-align:center;width:100%;z-index:2}.gamerchug-logo{filter:drop-shadow(0 0 10px #ad89ff);filter:drop-shadow(0 0 10px var(--cart-glow-color));margin-bottom:1rem;transition:transform .3s ease;width:clamp(100px,15vw,140px)}.gamerchug-logo:hover{transform:scale(1.05)}.cart-header h1{color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3.5rem);letter-spacing:2px;text-shadow:0 0 5px #fff,0 0 15px #ad89ff,0 0 25px #ad89ff;text-shadow:0 0 5px #fff,0 0 15px var(--cart-glow-color),0 0 25px var(--cart-glow-color);text-transform:uppercase}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f0f19b3;border:1px solid #ad89ff33;border:1px solid var(--glass-border);box-shadow:0 0 15px #ad89ff33,0 0 40px #ad89ff1a;box-shadow:0 0 15px var(--glass-border),0 0 40px #ad89ff1a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{border-color:#ff00ff4d;box-shadow:0 10px 30px #0006,0 0 25px #f0f;box-shadow:0 10px 30px #0006,0 0 25px var(--secondary-glow-color);transform:translateY(-8px)}.glass-btn{background:#0000;border:2px solid #ad89ff;border:2px solid var(--cart-glow-color);border-radius:8px;color:#ad89ff;color:var(--cart-glow-color);display:inline-block;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9em;letter-spacing:1px;padding:.8rem 1.8rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.glass-btn:hover{background:#ad89ff;background:var(--cart-glow-color);box-shadow:0 0 20px #ad89ff80;color:#0d0d1a;color:var(--background-dark);transform:translateY(-3px)}.go-dashboard-btn{margin-top:2rem}.add-product-btn-container{left:1.5rem;position:fixed;top:1.5rem;z-index:100}.products-section{align-items:stretch;display:flex;gap:2rem;max-width:1400px;overflow-x:auto;padding:2rem 1rem;width:100%;z-index:2}.products-section::-webkit-scrollbar{height:10px}.products-section::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ad89ff,#f0f);background:linear-gradient(90deg,var(--cart-glow-color),var(--secondary-glow-color));border-radius:5px}.products-section::-webkit-scrollbar-track{background:#0003;border-radius:5px}.product-card{display:flex;flex:0 0 280px;flex-direction:column;padding:1.5rem;text-align:center}.product-card img{border:1px solid #ad89ff33;border:1px solid var(--glass-border);border-radius:12px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.product-card h3{color:#e0e0e0;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.4em;margin-bottom:.5rem}.product-card p{color:#a0a0c0;color:var(--text-secondary);flex-grow:1;font-size:.9em;line-height:1.5;margin-bottom:1.5rem}.product-link{display:block;margin-top:auto}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d1ab3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{padding:2.5rem;position:relative}.modal-close-btn{background:none;border:none;color:#e0e0e0;color:var(--text-primary);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:transform .3s ease,color .3s ease}.modal-close-btn:hover{color:#f0f;color:var(--secondary-glow-color);transform:rotate(90deg)}.add-product-section h2{font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:2em;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px #ad89ff;text-shadow:0 0 10px var(--cart-glow-color)}.add-product-section form{display:flex;flex-direction:column;gap:1rem}.add-product-section input,.add-product-section textarea{background:#0000004d;border:1px solid #0000;border-radius:8px;color:#e0e0e0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-body);font-size:1em;outline:none;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.add-product-section input:focus,.add-product-section textarea:focus{border-color:#ad89ff;border-color:var(--cart-glow-color);box-shadow:0 0 15px #ad89ff4d}.add-product-section textarea{min-height:120px;resize:vertical}.glass-btn1{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px 0 #0000004d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;outline:none;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease-in-out}.glass-btn1:before{background:linear-gradient(120deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.glass-btn1:hover{background:#fff3;box-shadow:0 12px 35px 0 #00000059;transform:translateY(-3px)}.glass-btn1:hover:before{left:100%}.glass-btn1:active{box-shadow:0 4px 20px 0 #00000040;transform:translateY(0)}.toast{animation:fade-toast-in .5s forwards,fade-toast-out .5s 3s forwards;background:linear-gradient(90deg,#ad89ff,#f0f);background:linear-gradient(90deg,var(--cart-glow-color),var(--secondary-glow-color));border-radius:8px;bottom:2rem;box-shadow:0 0 20px #ad89ff,0 0 20px #f0f;box-shadow:0 0 20px var(--cart-glow-color),0 0 20px var(--secondary-glow-color);color:#fff;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-weight:700;left:50%;opacity:0;padding:1rem 2rem;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes fade-toast-in{0%{bottom:-2rem;opacity:0}to{bottom:2rem;opacity:1}}@keyframes fade-toast-out{0%{opacity:1}to{opacity:0}}:root{--primary-glow:#00e5ff;--secondary-glow:#f07;--tertiary-glow:#90f;--bg-dark-1:#0a0b1c;--bg-dark-2:#1e1e4a;--bg-dark-3:#2c2c61;--glass-bg:#ffffff14;--glass-border:#fff3;--text-light:#f0f0f0;--card-shadow:0 8px 32px #0000004d;--btn-glow-cyan:0 0 15px var(--primary-glow);--btn-glow-pink:0 0 15px var(--secondary-glow);--transition-speed:0.4s}body{background-color:#0a0b1c;background-color:var(--bg-dark-1);color:#f0f0f0;color:var(--text-light);font-family:Poppins,sans-serif;position:relative}body:before{animation:scanlines 10s linear infinite;background-image:linear-gradient(0deg,#0000 50%,#ffffff0d 0);background-size:100% 4px;content:"";height:100%;left:0;opacity:.2;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}@keyframes scanlines{0%{background-position-y:0}to{background-position-y:100px}}body:after{animation:digital-static 10s linear infinite;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url%28#n%29%22%20opacity=%220.05%22/%3E%3C/svg%3E');background-size:cover;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}@keyframes digital-static{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.user-profile-container{align-items:center;background:linear-gradient(135deg,#0a0b1c,#1e1e4a,#2c2c61);background:linear-gradient(135deg,var(--bg-dark-1),var(--bg-dark-2),var(--bg-dark-3));display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.user-profile-particles{animation:moveParticles 30s linear infinite;background-image:radial-gradient(#00e5ff 1.5px,#0000 0),radial-gradient(#f07 1.5px,#0000 0);background-image:radial-gradient(var(--primary-glow) 1.5px,#0000 1.5px),radial-gradient(var(--secondary-glow) 1.5px,#0000 1.5px);background-size:40px 40px,60px 60px;height:100%;opacity:.15;position:absolute;width:100%;z-index:0}@keyframes moveParticles{0%{background-position:0 0,0 0}to{background-position:400px 400px,-300px -300px}}.toast-notification{animation:fadeInDown .5s ease;border:1px solid;border-radius:8px;box-sizing:border-box;font-family:var(--font-body);font-weight:500;left:50%;max-width:90%;padding:12px 25px;position:fixed;top:30px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1000}.toast-notification.success{background:#00ffff1a;border-color:#00e5ff;border-color:var(--primary-glow);box-shadow:0 0 15px #00e5ff;box-shadow:0 0 15px var(--primary-glow);color:#00e5ff;color:var(--primary-glow)}.toast-notification.error{background:#ff4d4d1a;border-color:var(--error-color);box-shadow:0 0 15px var(--error-color);color:var(--error-color)}@keyframes fadeInDown{0%{opacity:0;top:-50px}to{opacity:1;top:30px}}.user-profile-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.user-profile-header h1{-webkit-text-fill-color:#0000;animation:neonFlow 5s ease infinite,flicker 1s step-end infinite;background:linear-gradient(270deg,#f07,#00e5ff,#90f);background:linear-gradient(270deg,var(--secondary-glow),var(--primary-glow),var(--tertiary-glow));-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:#0000;font-family:Rajdhani,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:2px;line-height:1;margin:20px;text-shadow:0 0 15px #00e5ff,0 0 25px #f07;text-shadow:0 0 15px var(--primary-glow),0 0 25px var(--secondary-glow)}@keyframes neonFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px #00e5ff,0 0 20px #f07,0 0 30px #90f;text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--secondary-glow),0 0 30px var(--tertiary-glow)}20%,22%,24%,55%{text-shadow:none}}.go-dashboard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00e5ff1a;border:2px solid #00e5ff;border:2px solid var(--primary-glow);border-radius:2rem;box-shadow:0 0 15px #00e5ff80;color:#f0f0f0;color:var(--text-light);cursor:pointer;font-weight:600;letter-spacing:1px;margin-left:128px;margin-top:1.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-shadow:0 0 5px #00e5ff;text-shadow:0 0 5px var(--primary-glow);text-transform:uppercase;transition:all .4s ease-in-out;transition:all var(--transition-speed) ease-in-out}.go-dashboard:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .8s ease,height .8s ease;width:0;z-index:-1}.go-dashboard:hover:before{height:300px;width:300px}.go-dashboard:hover{background:#f073;border-color:#f07;border-color:var(--secondary-glow);box-shadow:0 0 20px #f07,0 0 40px #f07;box-shadow:0 0 20px var(--secondary-glow),0 0 40px var(--secondary-glow);color:#f0f0f0;color:var(--text-light);transform:translateY(-4px)}.search-bar-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:450px;width:100%;z-index:1}.search-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;background:var(--glass-bg);border:none;border-radius:2rem;box-shadow:0 0 15px #00e5ff;box-shadow:0 0 15px var(--primary-glow);color:#f0f0f0;color:var(--text-light);font-size:1.1rem;outline:none;padding:.75rem 1.25rem;text-shadow:0 0 5px #00e5ff;text-shadow:0 0 5px var(--primary-glow);transition:all .4s cubic-bezier(.25,1,.5,1);transition:all var(--transition-speed) cubic-bezier(.25,1,.5,1);width:100%}.search-input::placeholder{color:#ffffff80;text-shadow:none}.search-input:focus{animation:input-pulse 1.5s ease-in-out infinite;background:#0ff3;box-shadow:0 0 25px #00e5ff,0 0 50px #00e5ff,0 0 75px #f07;box-shadow:0 0 25px var(--primary-glow),0 0 50px var(--primary-glow),0 0 75px var(--secondary-glow);transform:scale(1.02)}@keyframes input-pulse{0%,to{box-shadow:0 0 25px #00e5ff;box-shadow:0 0 25px var(--primary-glow)}50%{box-shadow:0 0 40px #00e5ff,0 0 60px #f07;box-shadow:0 0 40px var(--primary-glow),0 0 60px var(--secondary-glow)}}.user-profile-main{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative;width:100%;z-index:1}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border-radius:20px;box-shadow:0 0 30px #00f0ff66;color:#f0f0f0;color:var(--text-light);max-width:450px;padding:2rem;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.03,.98,.52,.99),box-shadow .6s}.glass-card:hover{box-shadow:0 0 50px #00e5ff,0 0 80px #f07,inset 0 0 100px #90f;box-shadow:0 0 50px var(--primary-glow),0 0 80px var(--secondary-glow),0 0 100px var(--tertiary-glow) inset;transform:translateY(-5px) rotateY(2deg) rotateX(1deg)}.glass-card h2{color:#00e5ff;color:var(--primary-glow);margin-bottom:.5rem;text-align:center;text-shadow:0 0 10px #00e5ff;text-shadow:0 0 10px var(--primary-glow)}.glass-card p{color:#f0f0f0;color:var(--text-light);font-size:1rem;line-height:1.5rem;opacity:.8;text-align:center}.view-only{color:#ffffff80;font-style:italic;margin-top:.5rem}.no-user{animation:shake .4s ease;border:1px solid #ff00004d}.highlight{color:#ffc400;font-weight:700;text-shadow:0 0 8px #ffc400,0 0 15px #ffc400}.nav-btn2{background:#00ffff14;border:2px solid #00e5ff;border:2px solid var(--primary-glow);border-radius:2rem;box-shadow:0 0 12px #00e5ff;box-shadow:0 0 12px var(--primary-glow);color:#f0f0f0;color:var(--text-light);cursor:pointer;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-shadow:0 0 5px #00e5ff;text-shadow:0 0 5px var(--primary-glow);text-transform:uppercase;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out,background .4s ease-in-out;transition:transform var(--transition-speed) ease-in-out,box-shadow var(--transition-speed) ease-in-out,background var(--transition-speed) ease-in-out}.nav-btn2:hover{background:#00ffff40;box-shadow:0 0 25px #00e5ff,0 0 50px #00e5ff,0 0 75px #00e5ff;box-shadow:0 0 25px var(--primary-glow),0 0 50px var(--primary-glow),0 0 75px var(--primary-glow);transform:scale(1.05)}.connect-btn{background:#4caf50;border:2px solid #4caf50;border-radius:2rem;box-shadow:0 0 15px #00ff80,0 0 30px #00ff80;color:#f0f0f0;color:var(--text-light);cursor:pointer;font-weight:700;letter-spacing:1px;margin-top:1.5rem;padding:.75rem 1.5rem;text-shadow:0 0 5px #00ff80;text-transform:uppercase;transition:all .4s ease-in-out;transition:all var(--transition-speed) ease-in-out}.connect-btn:hover{background:#3c9d41;border-color:#00ff80;box-shadow:0 0 25px #00ff80,0 0 50px #00ff80,0 0 75px #00ff80;transform:scale(1.05)}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-8px)}to{transform:translateX(0)}}@media(max-width:768px){.user-profile-container{padding:1rem}.user-profile-header h1{font-size:2.2rem}.glass-card,.search-bar-container{max-width:95%}.glass-card{padding:1.5rem}.go-dashboard{margin-left:0}}.user-profile-avatar-container{display:flex;justify-content:center;margin-bottom:1.5rem}.user-profile-avatar,.user-profile-avatar-placeholder{border:3px solid #00e5ff;border:3px solid var(--primary-glow);border-radius:50%;box-shadow:0 0 15px #00e5ff,inset 0 0 25px #00e5ff;box-shadow:0 0 15px var(--primary-glow),0 0 25px var(--primary-glow) inset;height:120px;width:120px}.user-profile-avatar{animation:avatar-pulse 2.5s ease-in-out infinite;object-fit:cover}.user-profile-avatar-placeholder{align-items:center;background:#ffffff14;background:var(--glass-bg);color:#f0f0f0;color:var(--text-light);display:flex;font-size:.9rem;font-weight:600;justify-content:center;opacity:.7;padding:0 10px;text-align:center}@keyframes avatar-pulse{0%{border-color:#00e5ff;border-color:var(--primary-glow);box-shadow:0 0 15px #00e5ff,inset 0 0 25px #00e5ff;box-shadow:0 0 15px var(--primary-glow),0 0 25px var(--primary-glow) inset}50%{border-color:#f07;border-color:var(--secondary-glow);box-shadow:0 0 25px #f07,inset 0 0 40px #f07;box-shadow:0 0 25px var(--secondary-glow),0 0 40px var(--secondary-glow) inset}to{border-color:#00e5ff;border-color:var(--primary-glow);box-shadow:0 0 15px #00e5ff,inset 0 0 25px #00e5ff;box-shadow:0 0 15px var(--primary-glow),0 0 25px var(--primary-glow) inset}}.call-container{align-items:center;background:radial-gradient(circle at 50% 150%,#050a0f 0,#000 70%);color:#e0f7fa;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:3.5rem;justify-content:center;min-height:100vh;overflow:hidden;padding:3rem;perspective:1200px;position:relative}.call-container:before{animation:pulseGlow 10s ease-in-out infinite alternate,backgroundGridMove 20s linear infinite;background:radial-gradient(circle,#00ffff1a,#0000 70%),linear-gradient(0deg,#00ffff0d 1px,#0000 0),linear-gradient(90deg,#00ffff0d 1px,#0000 0);background-size:150% 150%,40px 40px,40px 40px;bottom:-50%;content:"";height:200%;left:-50%;opacity:.6;pointer-events:none;position:absolute;transform:translate(-50%,-50%) rotateX(75deg) rotate(10deg);width:200%;z-index:0}@keyframes backgroundGridMove{0%{background-position:0 0,0 0,0 0}to{background-position:100% 100%,40px 40px,40px 40px}}.glow-lines{height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.glow-line{animation:scanLine 8s linear infinite;background:linear-gradient(90deg,#0000,#0ff,#0000);box-shadow:0 0 15px #0ff;height:3px;opacity:0;position:absolute;will-change:transform,opacity}.glow-line:first-child{animation-delay:0s;top:10%}.glow-line:nth-child(2){animation-delay:2.5s;top:35%}.glow-line:nth-child(3){animation-delay:5s;top:60%}.glow-line:nth-child(4){animation-delay:7.5s;top:85%}@keyframes scanLine{0%{opacity:0;transform:translateX(-150%)}10%{opacity:.8}50%{opacity:.6}90%{opacity:.8;transform:translateX(150%)}to{opacity:0;transform:translateX(150%)}}.join-toast{animation:fadeInOut 3.5s ease-in-out forwards;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);background:#00ffff14;border:1px solid #00ffff4d;border-radius:25px;box-shadow:0 0 25px #0ff9,inset 0 0 12px #00ffff4d;box-sizing:border-box;color:#00e0ff;font-size:1.15rem;font-weight:600;left:50%;letter-spacing:.7px;max-width:90%;padding:.9rem 2rem;pointer-events:none;position:fixed;text-transform:uppercase;top:30px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1000}button.primary-button{--button-color-start:#00e0ff;--button-color-end:#007bff;--button-hover-start:#0ff;--button-hover-end:#0af;background:linear-gradient(45deg,var(--button-color-start) 0,var(--button-color-end) 100%);border:none;border-radius:50px;box-shadow:0 10px 35px #0ff6,inset 0 0 18px #ffffff26;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1.2px;overflow:hidden;padding:1.1rem 2.8rem;position:relative;text-transform:uppercase;transition:transform .4s cubic-bezier(.2,.8,.2,1.2),box-shadow .4s ease,background .4s ease;z-index:2;&:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;width:0}}button.primary-button:hover{background:linear-gradient(45deg,var(--button-hover-start) 0,var(--button-hover-end) 100%);box-shadow:0 18px 50px #0ff9,inset 0 0 25px #ffffff40;transform:translateY(-8px) scale(1.08) rotate(2deg);&:before{height:200%;opacity:.15;width:200%}}button.primary-button:active{box-shadow:0 6px 20px #00ffff4d;transform:translateY(2px) scale(1.02);&:before{opacity:0}}.reaction-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border:1px solid #00ffff1a;border-radius:20px;display:flex;gap:2rem;margin-top:3rem;padding:1rem;z-index:2}.reaction-buttons .reaction-button{align-items:center;background:#0000;border:4px solid #00c4ff;border-radius:50%;box-shadow:0 0 20px #00c4ffcc,inset 0 0 15px #00c4ff99;color:#00c4ff;cursor:pointer;display:flex;font-size:2.5rem;height:70px;justify-content:center;line-height:1;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;width:70px;&:before{background:radial-gradient(circle,#ffffff4d,#0000 70%);height:200%;left:-50%;top:-50%;transform:rotate(45deg);transition:transform .8s ease-out,opacity .8s ease-out;width:200%}&:after,&:before{content:"";opacity:0;position:absolute}&:after{background:radial-gradient(circle,#0ff9,#0000 70%);border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;width:0}}.reaction-buttons .reaction-button:hover{background:#00c4ff33;box-shadow:0 0 40px #00c4ff,inset 0 0 20px #00c4ff;transform:scale(1.3) rotate(20deg);&:before{animation:shine 1.5s ease-in-out infinite;opacity:1;transform:rotate(45deg) scale(1.2)}&:after{height:150%;opacity:1;width:150%}}.reaction-buttons .reaction-button:active{background:#00c4ff4d;box-shadow:0 0 25px #00c4ffb3;transform:scale(1.15) rotate(10deg);&:after,&:before{opacity:0}}@keyframes shine{0%{transform:rotate(45deg) translateX(-150%)}to{transform:rotate(45deg) translateX(150%)}}.reaction-rain{height:100%;left:0;perspective:1000px;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.reaction{animation:drop 8s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 0 15px #00ffff);font-size:3.5rem;left:calc(var(--rand-x)*100%);opacity:0;position:absolute;transform:translateY(-100px) rotate3d(var(--rand-rot-x),var(--rand-rot-y),var(--rand-rot-z),calc(var(--rand-rot)*2turn));will-change:transform,opacity,filter}@keyframes drop{0%{filter:drop-shadow(0 0 5px #00ffff);opacity:0;transform:translateY(-100px) scale(.6) rotate3d(var(--rand-rot-x),var(--rand-rot-y),var(--rand-rot-z),0deg)}15%{opacity:1}85%{opacity:1}to{filter:drop-shadow(0 0 25px #00ffff);opacity:0;transform:translateY(120vh) scale(1.8) rotate3d(var(--rand-rot-x),var(--rand-rot-y),var(--rand-rot-z),calc(var(--rand-rot)*2turn))}}.member-list{-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);background:#ffffff05;border:1px solid #00ffff26;border-radius:25px;box-shadow:0 0 25px #00ffff59,inset 0 0 15px #00ffff26;color:#e0f7fa;max-width:480px;padding:1.8rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:2}.member-list:hover{box-shadow:0 8px 30px #00ffff80,inset 0 0 20px #0ff3;transform:translateY(-5px) scale(1.01)}.member-list:before{animation:dashGlow 4s linear infinite alternate;border:2px dashed #00ffff40;border-radius:23px;content:"";inset:8px;pointer-events:none;position:absolute}@keyframes dashGlow{0%{border-color:#00ffff40;opacity:.7}to{border-color:#00ffff80;opacity:1}}.member-list h3{border-bottom:1px solid #0ff3;color:#0ff;font-size:1.55rem;letter-spacing:1.5px;margin-bottom:1rem;padding-bottom:.5rem;text-shadow:0 0 8px #0ff,0 0 15px #00ffff4d;text-transform:uppercase}.member-scroll{max-height:280px;overflow-y:auto;padding-right:10px;scrollbar-color:#0ff #0000;scrollbar-width:thin}.member-scroll::-webkit-scrollbar{width:10px}.member-scroll::-webkit-scrollbar-track{background:#00ffff14;border-radius:10px}.member-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#0ff;border:3px solid #0000;border-radius:10px}.member-list ul{list-style:none;margin:0;padding:0}.member-list li{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;font-size:1.05rem;gap:.8rem;overflow:hidden;padding:.8rem 0;position:relative;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;&:after{background:linear-gradient(90deg,#0000,#00ffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease-out;width:100%;z-index:0}}.member-list li:last-child{border-bottom:none}.member-list li:hover{background:#00ffff14;border-radius:15px;box-shadow:inset 8px 0 15px #00ffff26;color:#fff;transform:translateX(8px) scale(1.02);&:after{left:100%}}.member-list li:before{color:#0ff;content:"🚀";font-size:1.4rem;transition:transform .3s ease;z-index:1}.member-list li:hover:before{transform:scale(1.2) rotate(10deg)}@media (max-width:768px){.call-container{gap:2rem;padding:2rem 1rem}.primary-button{font-size:1rem;padding:.9rem 2.2rem}.reaction-buttons{flex-wrap:wrap;gap:1rem;justify-content:center}.reaction-buttons .reaction-button{font-size:1.8rem;height:55px;width:55px}.member-list{max-width:95%}.member-list h3{font-size:1.3rem}.member-scroll{max-height:200px}}.call-actions{display:flex;gap:2rem;margin-top:1rem;z-index:2}.start-call-button{--start-color:#00f2fe;--end-color:#4facfe;background:linear-gradient(135deg,var(--start-color) 0,var(--end-color) 100%);border:2px solid var(--start-color);border-radius:50px;box-shadow:0 0 20px #00ffff80,inset 0 0 10px #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.2,.8,.2,1);z-index:1;&:before{background:radial-gradient(circle,#fff6 0,#0000 60%);border-radius:50%;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s ease,opacity .6s ease;width:100%}}.start-call-button:hover{background:linear-gradient(135deg,#00faff,#0093ff);box-shadow:0 0 30px #0ffc,inset 0 0 15px #fff6;transform:translateY(-5px) scale(1.05)}.start-call-button:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1.5)}.leave-call-button{--start-color:#f07;--end-color:#8b005d;background:linear-gradient(135deg,var(--start-color) 0,var(--end-color) 100%);border:2px solid var(--start-color);border-radius:50px;box-shadow:0 0 15px #f076;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s ease;z-index:1}.leave-call-button:hover{background:linear-gradient(135deg,#ff1a8d,#b30074);box-shadow:0 0 25px #f07c;transform:translateY(-3px) scale(1.03)}body,html{animation:bgShift 15s ease infinite;background:linear-gradient(-45deg,#0d0d0d,#121212,#1a1a1a,#0a0a0a);background-size:400% 400%;color:#fff;font-family:Segoe UI,sans-serif;margin:0;overflow:hidden;padding:0}@keyframes bgShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.myai-page{background:radial-gradient(ellipse at center,#050505 0,#0a0a0a 100%);display:flex;height:100vh;position:relative;width:100vw}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:8px}.recent-chat-container{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#141414a6;border-radius:18px;box-shadow:0 0 25px #00ffff59;left:20px;max-height:calc(100vh - 80px);overflow-y:auto;padding:20px;position:fixed;top:40px;width:260px;z-index:2}.recent-chat-container h3{color:#0ff;font-size:1.25rem;font-weight:700;margin-bottom:12px;text-shadow:0 0 10px #0ff9}.recent-chat-container ul{list-style:none;margin:0;padding:0}.recent-chat-container li{margin-bottom:10px}.recent-chat-container button{background-color:#ffffff12;border:none;border-radius:12px;box-shadow:0 0 8px #00ffff26;color:#fff;cursor:pointer;font-size:1rem;padding:10px 14px;text-align:left;transition:all .3s ease;width:100%}.recent-chat-container button:hover{background:linear-gradient(90deg,#00ffff55,#ff00ff55);box-shadow:0 0 15px #00ffff80;transform:translateY(-2px) scale(1.02)}.myai-particles{background:#0000;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:0}.myai-particles:after,.myai-particles:before{animation:twinkle 20s linear infinite;background:radial-gradient(circle,#00ffff14 2px,#0000 3px) repeat;background-size:40px 40px;content:"";height:300%;left:-100%;position:absolute;top:-100%;width:300%}@keyframes twinkle{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.myai-wrapper{flex:1 1;justify-content:center}.myai-container,.myai-wrapper{align-items:center;display:flex;position:relative}.myai-container{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#1e1e1eb3;border-radius:24px;box-shadow:0 0 50px #0ff6,inset 0 0 25px #ff00ff26;flex-direction:column;max-height:92vh;max-width:92vw;padding:35px;transform:perspective(1000px) rotateX(0deg);transition:transform .6s ease;width:700px;z-index:1}.myai-container:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.myai-title{animation:pulseGlow 2s ease-in-out infinite;color:#0ff;font-size:2.2rem;font-weight:700;margin-bottom:20px;text-align:center}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px #0ff}50%{text-shadow:0 0 30px #f0f}}.chat-window{background:#0a0a0a8c;border-radius:14px;box-shadow:inset 0 0 20px #00ffff26;flex:1 1;margin-bottom:15px;overflow-y:auto;padding:15px;width:100%}.chat-bubble{word-wrap:break-word;animation:fadeIn .3s ease;border-radius:14px;font-size:1rem;margin:8px 0;max-width:80%;padding:12px 16px}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#0ff,#0f9);box-shadow:0 0 15px #00ffc899;color:#000;margin-left:auto}.chat-bubble.ai{align-self:flex-start;background:#ffffff0d;box-shadow:0 0 10px #f0f6;color:#fff;margin-right:auto}.input-area{display:flex;gap:12px;width:100%}.input-area input{background-color:#ffffff14;border:none;border-radius:10px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:12px;transition:all .3s ease}.input-area input:focus{background:#ffffff26;box-shadow:0 0 10px #0ff}.input-area button{background:linear-gradient(135deg,#0ff,#f0f);border:none;border-radius:10px;box-shadow:0 0 12px #00ffff80;color:#000;cursor:pointer;font-weight:700;padding:12px 18px;transition:all .3s ease}.input-area button:hover{box-shadow:0 0 20px #f0f9;transform:translateY(-2px) scale(1.05)}.action-buttons{display:flex;justify-content:space-between;margin-top:15px;width:100%}.back-btn,.delete-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:12px 18px;transition:all .3s ease}.delete-btn{background:linear-gradient(135deg,#ff4d4d,red);box-shadow:0 0 12px #f009;color:#fff}.delete-btn:hover{box-shadow:0 0 20px #f00c;transform:translateY(-2px)}.back-btn{background:linear-gradient(135deg,#0fc,#0f6);box-shadow:0 0 12px #00ff9699;color:#000}.back-btn:hover{box-shadow:0 0 20px #00ff96cc;transform:translateY(-2px)}.myai-toast{animation:fadeInOut 3s ease forwards;background:linear-gradient(135deg,#0ff,#f0f);border-radius:14px;box-shadow:0 0 15px #0ff9;color:#000;font-weight:700;left:50%;padding:12px 22px;position:absolute;top:20px;transform:translateX(-50%);z-index:10}.your-stats-container{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#e0e0e0;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px 16px;position:relative;z-index:1}.stats-header{margin-bottom:24px;margin-top:0;position:static;text-align:center;z-index:2}.stats-header h1{color:#0ff;font-size:2rem;margin:0 0 24px;text-shadow:0 0 12px #0ff}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:16px;box-shadow:0 0 12px #0ff3;flex:1 1;margin-top:0;max-height:calc(50vh - 24px);overflow-y:auto;padding:20px;z-index:1}.panel h2{color:#0ff;font-size:1.5rem;margin-bottom:16px}.exp-bar-container{margin-top:1.5rem;text-align:center}.exp-bar-label{font-size:.9rem;margin-bottom:.5rem;text-shadow:0 0 5px #0ff}.exp-bar-track{background:#ffffff0d;box-shadow:0 0 10px #0ff3;height:12px;margin:0 auto;max-width:400px}.exp-bar-fill{background:linear-gradient(90deg,#0ff,#08f);box-shadow:0 0 10px #0ff;transition:width .6s ease}.exp-bar-value{color:#e0e0e0;font-size:.85rem}input[type=text]{background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:.9rem;margin:10px 0;padding:10px;width:100%}.glass-btn{animation:gradientShift 6s ease infinite;background:linear-gradient(270deg,#0ff,#08f);background-size:400% 400%;border:none;border-radius:10px;color:#000;cursor:pointer;display:block;font-weight:700;margin:10px 0;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.glass-btn:hover{box-shadow:0 0 16px #0ff;transform:scale(1.05)}.go-back-btn{animation:gradientShiftAlt 6s ease infinite;background:linear-gradient(270deg,#f0f,#80f);color:#fff;margin-top:24px}.leaderboard{gap:8px}.leaderboard,.leaderboard-entry{display:flex;flex-direction:column}.leaderboard-entry{align-items:flex-start;background:#ffffff0d;border-radius:8px;padding:10px 14px;transition:all .4s ease}.entry-left{align-items:center;display:flex;gap:12px;width:100%}.rank-icon{font-size:1.2rem;text-align:center;width:24px}.username{color:#e0e0e0;flex-grow:1;font-weight:500}.exp-value{align-self:flex-end;color:gold;font-weight:700;margin-top:8px;white-space:nowrap}.level-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.level-modal,.modal-content{align-items:center;display:flex}.modal-content{background:#ffffff14;border-radius:16px;box-shadow:0 0 20px #00ffff4d;color:#fff;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;text-align:center;width:90%}.toast-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00ffff26;border:1px solid #00f6ff;border-radius:12px;bottom:20px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:700;left:50%;opacity:1;padding:12px 20px;position:fixed;transform:translateX(-50%);transition:opacity .5s ease-in-out;width:90%;z-index:999}@media (min-width:769px){.your-stats-container{flex-direction:row;padding:32px}.stats-header{left:50%;margin-top:16px;position:absolute;top:24px;transform:translateX(-50%)}.stats-header h1{font-size:2.5rem}.panel{margin-top:100px;max-height:80vh;padding:24px}.panel h2{font-size:1.8rem}input[type=text]{font-size:1rem;margin:12px 0;padding:12px}.glass-btn{display:inline-block;margin:12px 8px;width:auto}.exp-summary{font-size:1rem;margin-top:24px}.leaderboard-entry{align-items:center;flex-direction:row;min-height:48px}.exp-value{align-self:auto;margin-top:0}.modal-content{max-height:80vh;padding:32px}.toast-message{width:auto}}@keyframes drift{0%{background-position:0 0}to{background-position:1000px 1000px}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientShiftAlt{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating-particles{animation:drift 60s linear infinite;background-image:radial-gradient(circle,#0ff3 1px,#0000 0);background-size:20px 20px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.exp-summary strong{color:#d4bbbb}.summary-label{color:#00bfff;font-weight:500;margin-right:.5em}.summary-value{color:gold;font-weight:700}.leaderboard-entry:hover{background:#00ffff1a}.leaderboard-entry.highlighted{background:#00ffff40;border:1px solid #0ff}.toast-message.hidden{opacity:0;pointer-events:none}.modal-content::-webkit-scrollbar,.panel::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.panel::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb{background-color:#0ff;border-radius:6px}.thehub-container{flex:1 1 100%;margin:0;max-width:100%;padding:20px}.thehub-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a14cc;border:1px solid #0ff3;border-radius:20px;box-shadow:0 0 20px #0ff3;box-sizing:border-box;color:#e0e0e0;font-family:Roboto Mono,monospace;max-height:80vh;overflow-y:auto;padding:20px;width:100%}.thehub-post{background:#00000080;border:1px solid #00ffff1a;border-radius:12px;box-shadow:0 0 10px #00ffff1a;overflow:hidden;padding:15px}.thehub-content{word-wrap:break-word;box-sizing:border-box;color:#e0e0e0;font-size:.9em;margin-bottom:8px;max-width:100%;overflow-wrap:break-word;word-break:break-word}.thehub-box h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5em;margin-bottom:15px;text-shadow:0 0 5px #fff,0 0 10px #0ff}.thehub-composer,.thehub-search{margin-bottom:20px}.thehub-composer textarea,.thehub-search input{background:#0006;border:1px solid #0ff3;border-radius:8px;color:#e0e0e0;font-family:Roboto Mono,monospace;padding:10px;width:100%}.thehub-composer textarea{min-height:80px;resize:vertical}.thehub-composer button,.thehub-search button{background:#0ff;border:none;border-radius:8px;box-shadow:0 0 10px #0ff6;color:#0d0d1a;cursor:pointer;font-weight:700;margin-top:8px;padding:8px 16px}.thehub-search{gap:10px}.thehub-feed,.thehub-search{display:flex;flex-direction:column}.thehub-feed{gap:15px}.thehub-meta{align-items:center;color:#a0f0f0;display:flex;font-size:.9em;gap:10px;margin-bottom:15px}.thehub-user-info{display:flex;flex-direction:column}.thehub-user{color:#e0e0e0;font-weight:700}.thehub-title{color:#f0f;font-size:.9em;font-style:italic}.thehub-timestamp{align-self:flex-start;color:#888;font-size:.8em;margin-left:auto;white-space:nowrap}.thehub-post-avatar,.thehub-post-avatar-placeholder{border:2px solid #555;border-radius:50%;flex-shrink:0;height:45px;width:45px}.thehub-post-avatar{object-fit:cover}.thehub-post-avatar-placeholder{align-items:center;background-color:#333;color:#888;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.thehub-slider{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.thehub-slider input[type=range]{accent-color:#0ff;background:#0000;cursor:pointer;width:100px}.thehub-slider-value{color:#0ff;font-family:Roboto Mono,monospace;font-size:.8em;min-width:30px;text-align:center}.thehub-comments{border-top:1px solid #00ffff1a;margin-top:15px;padding-top:10px}.thehub-comments h4{color:#0ff;font-size:.9em;margin-bottom:8px}.thehub-comments-scroll{max-height:150px;overflow-y:auto;padding-right:5px;scrollbar-color:#0ff #0000004d;scrollbar-width:thin}.thehub-comments-scroll::-webkit-scrollbar{width:6px}.thehub-comments-scroll::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.thehub-comments-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:10px}.thehub-comment{align-items:flex-start;color:#e0e0e0;display:flex;font-size:.8em;gap:8px;margin-bottom:8px}.thehub-comment strong{color:#0ff}.thehub-comment-content{word-break:break-word}.thehub-comment-avatar,.thehub-comment-avatar-placeholder{border:1px solid #444;border-radius:50%;flex-shrink:0;height:30px;width:30px}.thehub-comment-avatar{object-fit:cover}.thehub-comment-avatar-placeholder{align-items:center;background-color:#333;color:#888;display:flex;font-size:1rem;justify-content:center}.thehub-comments textarea{background:#0000004d;border:1px solid #0ff3;border-radius:8px;color:#e0e0e0;font-family:Roboto Mono,monospace;margin-top:8px;min-height:50px;padding:8px;resize:vertical;width:100%}.thehub-comments button{background:#0ff;box-shadow:0 0 8px #00ffff4d;margin-top:6px}.thehub-comments button,.thehub-exp-button{border:none;border-radius:8px;color:#0d0d1a;cursor:pointer;font-weight:700;padding:6px 12px}.thehub-exp-button{background:linear-gradient(90deg,#0ff,#f0f);box-shadow:0 0 12px #0ff6,0 0 6px #ff00ff4d;transition:transform .2s ease,box-shadow .2s ease}.thehub-exp-button:hover{box-shadow:0 0 18px #0ff9,0 0 10px #ff00ff80;transform:scale(1.05)}.thehub-readmore-button{background:none;border:none;color:#0ff;cursor:pointer;font-size:.8em;margin-bottom:8px;margin-top:-3px;padding:0;text-decoration:underline;transition:color .2s ease}.thehub-readmore-button:hover{color:#f0f}.thehub-delete-button{background-color:#ff5e00;border:2px solid red;border-radius:8px;box-shadow:0 0 8px #00f6ff;color:#000;cursor:pointer;font-size:12px;font-weight:700;margin-top:10px;padding:8px 14px;text-shadow:0 0 4px #00f6ff;transition:all .2s ease}.thehub-delete-button:hover{background-color:#00f6ff;box-shadow:0 0 12px #00f6ff,0 0 20px #00f6ff;color:#000;transform:scale(1.05)}.thehub-confirm-delete{background-color:#001f2f;border:2px solid #00f6ff;border-radius:10px;box-shadow:0 0 12px #00f6ff;color:#0ff;margin-top:10px;padding:12px}.thehub-confirm-delete p{color:#0ff;font-size:13px;font-weight:600;margin:0 0 10px;text-shadow:0 0 4px #00f6ff}.thehub-confirm-delete button{background-color:initial;border:2px solid #00f6ff;border-radius:6px;box-shadow:0 0 6px #00f6ff;color:#0ff;cursor:pointer;font-size:11px;font-weight:600;margin-right:8px;padding:6px 12px;text-shadow:0 0 4px #00f6ff;transition:all .2s ease}.thehub-confirm-delete button:hover{background-color:#0f8;border-color:#0f8;box-shadow:0 0 12px #0f8,0 0 20px #0f8;color:#000;transform:scale(1.05)}.thehub-confirm-delete button:last-child:hover{background-color:#ff2e63;border-color:#ff2e63;color:#000}.thehub-wrapper{position:relative}.thehub-toast{animation:fadeInOut 4s ease-in-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:.9em;font-weight:700;left:50%;max-width:500px;padding:10px 20px;pointer-events:none;position:absolute;text-align:center;top:10px;transform:translateX(-50%);width:90%;z-index:10}.thehub-toast.success{background:linear-gradient(90deg,#0f9,#0ff);box-shadow:0 0 25px #00ffc899;color:#0d0d1a}.thehub-toast.error{background:linear-gradient(90deg,#ff0040,#f0f);box-shadow:0 0 25px #f0f9;color:#fff}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-10px)}10%,90%{opacity:1;transform:translate(-50%)}}@media (min-width:769px){.thehub-container{flex:0 0 70%;margin-left:-3%;max-width:1000px;padding:40px}.thehub-box{padding:30px}.thehub-post{padding:20px}.thehub-comment,.thehub-content,.thehub-exp,.thehub-readmore-button{font-size:1em}.thehub-box h2{font-size:2em}.thehub-composer,.thehub-search{margin-bottom:30px}.thehub-search{flex-direction:row}.thehub-feed{gap:20px}.thehub-slider{flex-wrap:nowrap}.thehub-comments-scroll{max-height:200px}.thehub-toast{top:-80px;width:auto}.admin-post{background-color:#33030380;border:2px solid #fc0}.admin-comment{color:#fc0;font-weight:700}}.hubsection-flex{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding:20px}.chughub-container1{animation:floatChugViewer 6s ease-in-out infinite;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#14141ebf;border:1px solid #f0f3;border-radius:20px;box-shadow:0 0 15px #f0f3,0 0 40px #ff00ff1a;padding:30px;width:95%;z-index:1}.chughub-container1 h2{color:#f0f;font-family:Orbitron,sans-serif;font-size:1.8em;margin-bottom:20px;text-align:center;text-shadow:0 0 5px #fff,0 0 10px #f0f}.chughub-container1 p{font-size:.9em;margin:8px 0}.chughub-container1 p,.hubsection-input{color:#e0e0e0;font-family:Roboto Mono,monospace}.hubsection-input{background:#0000004d;border:1px solid #0000;border-radius:8px;font-size:1em;margin-bottom:10px;outline:none;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.hubsection-input:focus{border-color:#f0f;box-shadow:0 0 15px #ff00ff4d}.hubsection-button{background:#f0f;border:2px solid #f0f;border-radius:8px;box-shadow:0 0 15px #ff00ff80;color:#0d0d1a;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;margin-bottom:20px;padding:14px 18px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.hubsection-button:hover{box-shadow:0 0 25px #f0fc,0 0 5px #fff;transform:translateY(-3px)}.hubsection-results h3{color:#a0a0c0;font-size:1.1em;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.hubsection-results ul{list-style:none;margin:0;padding:0}.hubsection-user-button{background:#0006;border:1px solid #f0f3;border-radius:8px;color:#e0e0e0;cursor:pointer;font-family:Roboto Mono,monospace;font-size:.9em;margin-bottom:8px;padding:10px 12px;text-align:left;transition:background .3s,box-shadow .3s;width:100%}.hubsection-user-button:hover{background:#f0f3;box-shadow:0 0 10px #ff00ff4d}.hubsection-profile h3{color:#a0a0c0;font-size:1.1em;letter-spacing:1px;margin-top:20px;text-transform:uppercase}.hubsection-profile p{color:#e0e0e0;font-family:Roboto Mono,monospace;font-size:.9em;margin:8px 0}.hubsection-error,.hubsection-loading,.hubsection-no-results{font-size:.9em;margin-top:15px;text-align:center}.hubsection-error,.hubsection-no-results{color:#ff4d4d;text-shadow:0 0 5px #ff4d4d}@media (min-width:769px){.hubsection-flex{align-items:flex-start;flex-direction:row;gap:50px;justify-content:center;padding:40px 60px}.chughub-container1{flex:1 1;margin:0;max-width:400px;padding:70px;width:auto}.chughub-container1 h2{font-size:2.4em;margin-bottom:30px;text-align:left}.chughub-container1 p,.hubsection-button,.hubsection-error,.hubsection-input,.hubsection-loading,.hubsection-no-results,.hubsection-profile p,.hubsection-user-button{font-size:1em}.hubsection-button{font-size:1.1em;padding:16px 20px}}*,:after,:before{box-sizing:border-box}.chughub-fullscreen{align-items:center;background-color:#0d0d1a;color:#e0e0e0;display:flex;flex-direction:column;font-family:Roboto Mono,monospace;justify-content:flex-start;min-height:100vh;padding:20px 10px}.chughub-tabbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;max-width:800px;width:100%;z-index:10}.chughub-tab{background:#0000;border:2px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;flex-basis:45%;flex-grow:1;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;padding:12px 15px;text-align:center;text-transform:uppercase;transition:all .3s ease-in-out}.chughub-tab:hover{background:#0ff;box-shadow:0 0 20px #00ffff80;color:#0d0d1a}.chughub-tab.active{background:#0ff;box-shadow:0 0 25px #0ff9;color:#0d0d1a}.chughub-tab.dashboard{border-color:#f0f;color:#f0f}.chughub-tab.dashboard:hover{background:#f0f;box-shadow:0 0 25px #f0f9;color:#0d0d1a}.chughub-container{animation:floatChug 6s ease-in-out infinite;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f0f19b3;border:1px solid #0ff3;border-radius:20px;box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a;margin:0 auto;max-width:600px;padding:20px;position:relative;width:95%;z-index:1}.chughub-container h2{color:#e0e0e0;font-family:Orbitron,sans-serif;font-size:1.8em;margin-bottom:20px;text-align:center;text-shadow:0 0 5px #fff,0 0 10px #0ff}.chughub-container h3{color:#a0a0c0;font-size:1.1em;letter-spacing:1px;margin-top:20px;text-transform:uppercase}.chughub-container p{font-size:.9em;margin:8px 0}.chughub-select-wrapper{margin-top:10px;position:relative;width:100%;z-index:5}.chughub-select{-webkit-appearance:none;appearance:none;background:#0009;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 12px #00ffff4d;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;margin-top:2%;outline:none;padding:10px 15px;position:relative;transition:all .3s ease;width:100%}.chughub-select-wrapper:after{color:#0ff;content:"▼";font-size:.8em;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.chughub-select:focus,.chughub-select:hover{background:#000c;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.chughub-select option{background-color:#0d0d1a;color:#0ff;font-family:Roboto Mono,monospace;padding:10px}.chughub-button{background:#0ff;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 15px #00ffff80;color:#0d0d1a;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:1px;margin-top:20px;padding:12px 15px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.chughub-button:hover{box-shadow:0 0 25px #0ffc,0 0 5px #fff;transform:translateY(-3px)}.chughub-message{color:#ff4d4d;font-size:.8em;font-weight:500;margin-top:15px;text-align:center;text-shadow:0 0 5px #ff4d4d}.chughub-placeholder{color:#a0a0c0;font-family:Roboto Mono,monospace;padding:20px 0;text-align:center}@media (max-width:480px){.chughub-tab{flex-basis:100%}}@media (min-width:769px){.chughub-fullscreen{padding:40px 20px}.chughub-tabbar{flex-wrap:nowrap;gap:20px;margin-bottom:30px}.chughub-tab{flex-basis:auto;font-size:1em;padding:14px 20px}.chughub-container{padding:40px;width:100%}.chughub-container h2{font-size:2.2em;margin-bottom:30px}.chughub-container h3{font-size:1.2em;margin-top:30px}.chughub-container p{font-size:1em;margin:10px 0}.chughub-select{font-size:1em;padding:12px 15px}.chughub-select-wrapper:after{font-size:.9em}.chughub-button{padding:14px 20px}.chughub-message{font-size:.9em}.chughub-placeholder{padding:40px 0}}.chughub-posted-requests{background-color:#1e1e1e;border-radius:8px;box-shadow:0 0 10px #00ffff1a;color:#fff;margin-top:30px;padding:15px}.chughub-posted-requests h3{color:#0ff;font-size:1.2rem;margin-bottom:10px}.chughub-posted-requests ul{list-style:none;margin:0;padding-left:0}.chughub-posted-requests li{background-color:#2a2a2a;border-radius:4px;margin-bottom:8px;padding:6px 10px;transition:background .3s ease}.chughub-posted-requests li:hover{background-color:#333}.chughub-scroll-container{max-height:300px;overflow-y:auto;padding-right:10px;scrollbar-color:#0ff #1e1e1e;scrollbar-width:thin}.chughub-scroll-container::-webkit-scrollbar{width:6px}.chughub-scroll-container::-webkit-scrollbar-thumb{background-color:#0ff;border-radius:3px}.chughub-scroll-container::-webkit-scrollbar-track{background-color:#1e1e1e}.xpaw-sanctuary__container{align-items:center;background-color:#1a202c;color:#edf2f7;display:flex;flex-direction:column;min-height:100vh;padding:2rem;text-align:center}.xpaw-sanctuary__page-title{color:#f6e05e;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.xpaw-sanctuary__page-subtitle{color:#a0aec0;font-size:1.25rem;margin-bottom:2rem}.xpaw-sanctuary__save-btn,.xpaw-sanctuary__select-btn,.xpaw-sanctuary__start-btn{align-items:center;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.xpaw-sanctuary__start-btn{background-color:#48bb78;color:#fff}.xpaw-sanctuary__start-btn:hover{background-color:#38a169}.xpaw-sanctuary__nav-to-cage-btn{background-color:#4299e1;color:#fff}.xpaw-sanctuary__nav-to-cage-btn:hover{background-color:#3182ce}.xpaw-sanctuary__select-btn{background-color:#f6ad55;color:#2d3748;font-size:.875rem;margin-top:1.5rem;padding:.5rem 1rem}.xpaw-sanctuary__select-btn:hover{background-color:#ed8936}.xpaw-sanctuary__save-btn{background-color:#f6e05e;color:#2d3748;margin-top:2rem;width:100%}.xpaw-sanctuary__save-btn:hover{background-color:#ecc94b}.xpaw-sanctuary__delete-btn{align-items:center;background-color:#f56565;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.xpaw-sanctuary__delete-btn:hover{background-color:#e53e3e}.xpaw-sanctuary__close-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.xpaw-sanctuary__close-btn:hover{color:#f6e05e}.xpaw-sanctuary__status-box{border-radius:.5rem;font-weight:600;margin-bottom:2rem;max-width:600px;padding:1rem 2rem;text-align:center;width:100%}.xpaw-sanctuary__status-box--loading{background-color:#4299e1;color:#fff}.xpaw-sanctuary__status-box--success{background-color:#48bb78;color:#fff}.xpaw-sanctuary__status-box--error{background-color:#f56565;color:#fff}.xpaw-sanctuary__modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.xpaw-sanctuary__modal-content{background-color:#2d3748;border-radius:.75rem;box-shadow:0 10px 15px #00000080;max-width:90%;padding:3rem;position:relative;text-align:center}.xpaw-sanctuary__pet-choice-modal{width:800px}.xpaw-sanctuary__name-input-modal{width:400px}.xpaw-sanctuary__pet-selection-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.xpaw-sanctuary__pet-card{border-radius:.75rem;cursor:pointer;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.xpaw-sanctuary__pet-card:hover{box-shadow:0 8px 15px #0000004d;transform:translateY(-5px)}.xpaw-sanctuary__pet-card--ravyn{background-color:#4a5568}.xpaw-sanctuary__pet-card--ravyn:hover{background-color:#2d3748}.xpaw-sanctuary__pet-card--elios{background-color:#f6ad55;color:#2d3748}.xpaw-sanctuary__pet-card--elios:hover{background-color:#ed8936}.xpaw-sanctuary__chosen-pet-card{border-radius:1rem;box-shadow:0 0 20px #00000080;margin-top:3rem;max-width:500px;padding:4rem;width:100%}.xpaw-sanctuary__chosen-pet-card--ravyn{background-color:#2d3748;border:3px solid #63b3ed}.xpaw-sanctuary__chosen-pet-card--elios{background-color:#f7fafc;border:3px solid #f6e05e;color:#2d3748}.xpaw-sanctuary__loading-screen{font-size:1.5rem;justify-content:center}.xpaw-sanctuary__rotating-circle{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;height:50px;margin-bottom:1rem;width:50px}.xpaw-sanctuary__rotating-circle--yellow{border-top-color:#f6e05e}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.play-to-win-container{font-family:Arial,sans-serif;margin:20px auto;max-width:1000px;padding:10px;text-align:center}.ptw-title{color:#ff9800;font-size:2.5rem;margin-bottom:5px;text-shadow:1px 1px 4px #000}.ptw-subtitle{color:#555;font-size:1.2rem;margin-bottom:30px}.game-selection{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.game-card{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0003;cursor:pointer;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:250px}.game-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.game-card.disabled{cursor:default;opacity:.5}.game-thumbnail{align-items:center;background-color:#a5d6a7;border-radius:15px;display:flex;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.dino-game:before{animation:dino-bounce 1s ease-in-out infinite;background-color:#ff5722;border-radius:5px;bottom:20px;box-shadow:10px -10px 0 #ff5722,20px 0 0 #ff5722,30px -5px 0 #ff5722;content:"";height:40px;left:40px;position:absolute;width:40px}@keyframes dino-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon{align-items:center;background-color:#ddd;color:#777;display:flex;font-size:1.5rem;justify-content:center}h2{font-size:1.3rem;margin:5px 0}p{color:#444;font-size:.95rem}.play-btn{background:linear-gradient(135deg,#f57c00,#ffb74d);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:8px 15px;transition:transform .1s ease}.play-btn:hover{transform:scale(1.05)}.disabled-btn{background:#bbb;cursor:default}.back-btn{background-color:#ff5722;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;margin-top:30px;padding:10px 25px;transition:transform .1s ease}.back-btn:hover{transform:scale(1.05)}.candy{background:linear-gradient(145deg,#fff3e0,#ffe0b2);border:3px solid #ff9800;border-radius:15px}:root{--bg-color:#1a1a2e;--ground-color:#0f3460;--dino-color:#b8b8ff;--obstacle-color:#e94560;--text-color:#f1f1f1;--accent-color:#ff9a8b;--exp-bar-fill:#5cb85c;--exp-bar-cap:#f0ad4e}body{background-color:#1a1a2e;background-color:var(--bg-color);color:#f1f1f1;color:var(--text-color);font-family:Press Start\ 2P,monospace}.runner-game-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.game-area-wrapper{background:linear-gradient(180deg,#162447,#1f4068);border:4px solid #ff9a8b;border:4px solid var(--accent-color);border-radius:10px;box-shadow:0 0 20px #ff9a8b80,inset 0 0 10px #ff9a8b4d;height:400px;max-width:800px;overflow:hidden;position:relative;width:100%}.game-area{height:100%;position:relative;width:100%}.dino{background-color:#b8b8ff;background-color:var(--dino-color);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect fill="%23b8b8ff" width="100" height="100"/><circle cx="70" cy="30" r="10" fill="%23444"/><polygon points="30,70 40,80 50,70 60,80 70,70" fill="%23444"/></svg>');background-position:50%;background-size:cover;border-radius:5px;bottom:0;height:55px;left:40px;position:absolute;transition:bottom .2s ease-out;width:50px}.dino.running{animation:dinoRun .5s steps(2) infinite}@keyframes dinoRun{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.dino.jumping{animation:none;transition:transform .2s ease-out}.obstacle{background-color:#e94560;background-color:var(--obstacle-color);border-radius:5px;box-shadow:0 0 10px #e94560;box-shadow:0 0 10px var(--obstacle-color);width:25px}.ground,.obstacle{height:45px;position:absolute}.ground{background-color:#0f3460;background-color:var(--ground-color);bottom:0;box-shadow:0 -3px 10px #0000004d;width:100%}.game-stats-hud,.user-stats-hud{background-color:#0006;border:2px solid #ff9a8b;border:2px solid var(--accent-color);border-radius:10px;box-shadow:0 0 10px #ff9a8b4d;display:flex;justify-content:space-between;margin:10px 0;max-width:800px;padding:10px 20px;width:100%}.stat-item{align-items:center;color:#f1f1f1;color:var(--text-color);display:flex;flex-direction:column;font-size:.9rem}.stat-value{color:#ff9a8b;color:var(--accent-color);font-size:1.3rem;font-weight:700;margin-top:4px}.runner-back-btn{background:linear-gradient(45deg,#0f3460,#162447);border:none;border-radius:6px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;display:block;font-family:Press Start\ 2P,monospace;font-size:1rem;margin:8px 0;max-width:300px;padding:14px 24px;text-align:center;text-transform:uppercase;transition:transform .2s,box-shadow .2s;width:100%}.runner-back-btn:hover{box-shadow:0 5px 15px #00000080;transform:translateY(-2px)}.game-over-screen,.start-screen{background-color:#000000b3;border:2px solid #ff9a8b;border:2px solid var(--accent-color);border-radius:12px;box-shadow:0 0 20px #ff9a8b80;box-sizing:border-box;left:50%;padding:25px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10}.game-over-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.title-text{color:#ff9a8b;color:var(--accent-color);font-size:2rem;margin-bottom:10px;text-shadow:0 0 8px #ff9a8b;text-shadow:0 0 8px var(--accent-color)}.exp-earned-text,.exp-info,.trials-left-text{font-size:1rem;margin-bottom:15px}.game-button{background:linear-gradient(45deg,#e94560,#ff9a8b);border:none;border-radius:6px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;display:block;font-family:Press Start\ 2P,monospace;font-size:1rem;margin:6px;max-width:300px;padding:14px 24px;text-transform:uppercase;transition:transform .2s,box-shadow .2s;width:100%}.game-button:hover{box-shadow:0 5px 15px #00000080;transform:translateY(-2px)}.game-button:active{transform:translateY(0)}.restart-button{background:linear-gradient(45deg,#1f4068,#162447)}.dashboard-button{background:linear-gradient(45deg,#0f3460,#162447)}.exp-bar-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;max-width:800px;width:100%}.exp-bar-label{font-size:1rem;margin-bottom:6px;text-align:center}.exp-bar-track{background-color:#0000004d;border:2px solid #ff9a8b;border:2px solid var(--accent-color);border-radius:6px;height:24px;width:100%}.exp-bar-fill{background-color:#5cb85c;background-color:var(--exp-bar-fill);transition:width .5s ease-in-out}.exp-bar-value{font-size:1rem;margin-top:6px}.start-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.start-screen .game-button{margin-top:12px}@media (max-width:600px){.game-area-wrapper{height:180px}.dino{height:42px;left:20px;width:36px}.obstacle{height:36px;width:18px}.ground{height:35px}.title-text{font-size:1.5rem}.game-button{font-size:.8rem;padding:10px 16px}.stat-item{font-size:.75rem}.stat-value{font-size:1rem}.exp-bar-label,.exp-bar-value{font-size:.85rem}.exp-bar-track{height:18px}}.tower-game-container{background:linear-gradient(180deg,#1a1a1a,#2c2c2c);border-radius:12px;box-shadow:0 0 20px #00000080;color:#fff;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:800px;padding:2rem 1rem;text-align:center}.tower-title{color:#fc0;font-size:2rem;margin-bottom:.5rem}.tower-back-btn,.tower-play-btn{background-color:#fc0;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem .5rem;padding:.75rem 1.5rem;transition:transform .2s ease}.tower-back-btn:hover,.tower-play-btn:hover{transform:scale(1.05)}.tower-results{font-size:1.1rem;margin-top:1.5rem}.tower-grid{background-color:#222;border:2px solid #444;border-radius:8px;display:flex;flex-direction:column-reverse;gap:4px;margin:1rem auto;padding:8px}.floor-row{display:flex;gap:4px;justify-content:center}.floor-cell{background-color:#444;border:1px solid #222;border-radius:4px;height:40px;position:relative;width:40px}.floor-cell.trap{background-color:#f44;box-shadow:inset 0 0 6px red}.floor-cell.player{background-color:#0fc;border:2px solid #0fe;box-shadow:0 0 8px #0fe}.tower-stats-hud{background-color:#333;border-radius:8px;font-size:.95rem;margin-top:2rem;padding:1rem}.exp-bar-container{margin-top:1rem}.exp-bar-label{font-weight:700;margin-bottom:.25rem}.exp-bar-track{background-color:#555;border-radius:10px;height:20px;overflow:hidden}.exp-bar-fill{background-color:#fc0;height:100%;transition:width .5s ease;width:0}.exp-bar-value{color:#ccc;font-size:.9rem;margin-top:.5rem}.touch-controls{align-items:center;flex-direction:column;margin-top:1.5rem}.touch-controls,.touch-controls .row{display:flex;gap:12px}.touch-controls button{background-color:#fc0;border:none;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;transition:transform .2s ease}.touch-controls button:hover{transform:scale(1.05)}@media (max-width:600px){.tower-title{font-size:1.6rem}.tower-back-btn,.tower-play-btn{font-size:.9rem;padding:.6rem 1rem}.tower-results{font-size:1rem}.tower-stats-hud{font-size:.85rem;padding:.75rem}.exp-bar-track{height:16px}.exp-bar-value{font-size:.8rem}.floor-cell{height:32px;width:32px}.touch-controls button{font-size:.85rem;padding:.5rem 1rem}}*{box-sizing:border-box}body{background:linear-gradient(180deg,#0d0d0d,#1a1a1a);color:#e0e0e0;font-family:Orbitron,sans-serif;line-height:1.6}.center-content{align-items:center;display:flex;flex-direction:column;text-align:center}.container{margin:0 auto;max-width:960px;padding:0 1rem;width:100%}.chugtech-header{animation:fadeIn 1.2s ease-in;background:linear-gradient(135deg,#0f0f0f,#034 40%,#00e6ff);border-bottom:2px solid #0ff;padding:5rem 2rem}.chugtech-header h1{animation:shimmer 4s linear infinite,neon-pulse 1.8s ease-in-out infinite alternate;background-size:200% 100%;font-size:clamp(1.5rem,8vw,4rem);letter-spacing:4px;margin-bottom:.5rem;position:relative;text-shadow:0 0 10px #00e6ff,0 0 20px #00e6ff,0 0 30px #00e6ff,0 0 40px #00e6ffcc,0 0 70px #00e6ff80;z-index:10}.chugtech-header h1,.chugtech-header h2{font-family:Orbitron,sans-serif;font-weight:900;text-align:center;text-transform:uppercase}.chugtech-header h2{letter-spacing:2px}.chugtech-header p{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#fff);background-clip:text;-webkit-background-clip:text;color:#c0fefe;font-size:1.3rem;margin:0 auto 2rem;max-width:720px;opacity:.95}.cta-button{background:#0ff;border:none;border-radius:10px;box-shadow:0 0 12px #0ff;color:#000;cursor:pointer;font-weight:700;padding:.85rem 1.6rem;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:#0ff;box-shadow:0 0 20px #0ff;transform:scale(1.06)}.chugtech-section{background:linear-gradient(180deg,#121212,#1f1f1f);padding:4rem 2rem}.chugtech-section h2{color:#0ff;font-size:2.6rem;margin-bottom:2rem;text-shadow:0 0 6px #0ff}.services-section{background:linear-gradient(135deg,#111,#222)}.service-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.service-card{background:#1e1e1e;border:1px solid #0ff3;border-radius:14px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 0 18px #00ffff55;transform:translateY(-6px)}.service-card h3{color:#0ff;margin-bottom:1rem}.service-card p{color:#ccc}.contact-section form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.contact-section input,.contact-section textarea{background:#1a1a1a;border:1px solid #00ffff55;border-radius:10px;color:#fff;font-size:1rem;max-width:500px;padding:1rem;width:100%}.contact-section textarea{min-height:120px;resize:vertical}.form-status{color:#0ff;font-weight:700;margin-top:1rem}.chugtech-toast{animation:toastFade .5s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#0ff,#ff4545);border:1px solid #00ffffaa;border-radius:12px;bottom:2rem;box-shadow:0 0 20px #00000088;color:#fff;font-weight:600;left:50%;max-width:90%;padding:1rem 2rem;position:fixed;text-align:center;transform:translateX(-50%);z-index:999}.chugtech-toast.success{background:linear-gradient(135deg,#0f9,#042);box-shadow:0 0 20px #00ff99aa}.chugtech-toast.error{background:linear-gradient(135deg,#f44,#300);box-shadow:0 0 20px #ff4444aa}.chugtech-toast.warning{background:linear-gradient(135deg,#fa0,#420);box-shadow:0 0 20px #ffaa00aa}@keyframes toastFade{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chugtech-footer{background:#000;border-top:2px solid #0ff;padding:2rem}.chugtech-footer p{color:#888;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes neon-pulse{0%{text-shadow:0 0 10px #00e6ff,0 0 20px #00e6ff}to{text-shadow:0 0 20px #00e6ff,0 0 30px #00e6ff,0 0 40px #00e6ffcc}}body{background-color:#0d0d1a;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.toastnotificationlol{animation:fadeOut 3s forwards;background-color:#0ff;border-radius:6px;box-shadow:0 0 8px #0ff6;color:#0d0d1a;font-size:.8em;left:50%;line-height:1.4;max-width:240px;padding:6px 14px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:1001}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.inquiry-modal{background-color:#1a1a2a;border:2px solid #f0c;border-radius:8px;box-shadow:0 0 20px #ff00cc80;color:#f0f0f0;max-height:80vh;overflow-y:auto;position:relative;width:600px}.inquiry-modal,.inquiry-wrapper{font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;padding:30px}.inquiry-wrapper{margin:0 auto;max-width:800px}.inquiry-title{color:#f0c;font-family:Orbitron,sans-serif;font-size:2em;margin-bottom:20px;text-align:center;text-shadow:0 0 6px #f0c6}.inquiry-input-group{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:10px}.inquiry-input-group input{background-color:#1a1a2a;border:1px solid #f0c;border-radius:8px;color:#f0f0f0;flex:1 1;font-size:1em;height:48px;min-width:0;outline:none;padding:12px 16px}.inquiry-input-group input::placeholder{color:#aaa}.inquiry-input-group button{background:linear-gradient(135deg,#f0c,#33f);border:none;border-radius:8px;box-shadow:0 0 10px #ff00cc80;color:#fff;cursor:pointer;font-size:1em;height:48px;padding:0 20px;transition:transform .2s ease}.inquiry-input-group button:hover{transform:scale(1.05)}.char-counter{color:#aaa;font-size:.9em;margin-bottom:20px}.inquiry-feed{display:flex;flex-direction:column-reverse;gap:20px;max-height:500px;overflow-x:hidden;overflow-y:auto;padding-right:10px}.inquiry-item{background-color:#112;border:1px solid #f0c;border-radius:10px;box-shadow:0 0 10px #ff00cc4d;overflow:visible;padding:16px;word-break:break-word}.inquiry-meta{color:#a0fefe;display:flex;flex-wrap:wrap;font-size:.9em;justify-content:space-between;margin-bottom:8px}.inquiry-item p{color:#f0f0f0;font-size:1em;line-height:1.6;margin:0}.inquiry-reply{background-color:#224;border-left:4px solid #0ff;color:#a0fefe;font-size:.95em;line-height:1.5;margin-top:12px;padding:10px}.inquiry-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.inquiry-actions button{background-color:#0ff;border:none;border-radius:6px;box-shadow:0 0 6px #0ff;color:#0d0d1a;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;padding:8px 14px;transition:transform .2s ease}.inquiry-actions button:hover{transform:scale(1.05)}.reply-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;overflow-x:hidden;position:fixed;top:0;width:100vw;z-index:999}.reply-modal{background-color:#1a1a2a;border:2px solid #f0c;border-radius:0;box-shadow:0 0 20px #ff00cc80;color:#f0f0f0;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:30px;position:relative;width:600px}.reply-modal h3{color:#f0c;font-family:Orbitron,sans-serif;font-size:1.5em;margin-top:0}.modal-question{color:#e2cece;font-size:1em;line-height:1.5;margin-bottom:12px}.reply-modal textarea{background-color:#112;border:1px solid #f0c;border-radius:8px;color:#f0f0f0;font-size:1em;line-height:1.5;margin-bottom:8px;padding:12px;resize:vertical;width:100%}.reply-modal button{background:linear-gradient(135deg,#f0c,#33f);border:none;border-radius:8px;box-shadow:0 0 10px #ff00cc80;color:#fff;cursor:pointer;font-size:1em;margin-right:10px;padding:10px 20px}.close-reply{background-color:#333;border:1px solid #aaa;color:#fff}@media (max-width:600px){.inquiry-input-group{flex-direction:column}.inquiry-input-group button{height:48px;width:100%}.inquiry-modal,.reply-modal{border-radius:0;padding:20px;width:90%}.reply-modal button{margin-bottom:10px;width:100%}}*{margin:0;padding:0}body,html{background:#000;color:#333;font-family:Segoe UI,Tahoma,sans-serif;height:100%;overflow:auto;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#00f0ff;border-radius:4px}::-webkit-scrollbar-track{background:#1a1a1a}