@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";.login-container{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;margin:0;padding:0 16px;overflow:hidden;font-family:Poppins,sans-serif;box-sizing:border-box;z-index:1000;transition:background-color .3s ease}.login-container.light{background:#f5f5f5}.login-container.dark{background:#1a1a2e}.login-container.visitor-mode{opacity:.95}.login-box,.login-form,.consent-modal{position:relative;z-index:1;pointer-events:auto}.login-box{background:#ffffff26;backdrop-filter:blur(20px);border-radius:25px;padding:40px;width:100%;max-width:420px;box-shadow:0 10px 40px #00000040;text-align:center;border:1px solid rgba(255,255,255,.1)}.login-container.light .login-box{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 40px #00000026}.login-form{display:flex;flex-direction:column;gap:8px}.form-group.code-group{margin-top:16px}.success-message{color:#4caf50}.error-message{color:#f44336}.consent-modal{background:#ffffff26;backdrop-filter:blur(20px);border-radius:25px;padding:20px;width:90%;max-width:400px;box-shadow:0 10px 40px #00000040;text-align:center;border:1px solid rgba(255,255,255,.1)}.login-container.light .consent-modal{background:#fffffff2;border:1px solid rgba(0,0,0,.1)}.consent-modal .MuiButton-root{margin:8px;width:100%}.header-actions{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:1001}.header-actions .MuiIconButton-root:hover{background-color:#0000001a}@media (max-width: 480px){.login-container{padding:0 8px}.login-box{padding:24px;max-width:360px}.consent-modal{padding:15px;max-width:320px}.header-actions{top:10px;right:10px}}.header-toolbar{box-shadow:0 4px 12px #0003!important;padding:0;margin:0;width:100%;z-index:1300!important}.mobile-menu{position:fixed!important;top:56px!important;right:0!important;z-index:1200!important}.intro-section{padding:0 20px;display:flex;flex-direction:column;align-items:center}.intro-content{text-align:center;width:100%;max-width:1200px}.intro-image-container{display:flex;justify-content:center;margin-bottom:40px}.intro-circle{width:220px;height:220px;border-radius:50%;background:linear-gradient(45deg,#00d4ff,#ff4081,#ab47bc,#00e676);background-size:400% 400%;animation:gradientFlow 12s ease-in-out infinite;position:relative;overflow:hidden}.intro-circle:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:ripple 6s ease-in-out infinite;opacity:0}.intro-circle:hover:before,.intro-circle:active:before{animation:rippleHover 2s ease-out;opacity:1}@keyframes gradientFlow{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.2}50%{transform:translate(-50%,-50%) scale(1);opacity:.4}to{transform:translate(-50%,-50%) scale(.8);opacity:.2}}@keyframes rippleHover{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.intro-title{font-weight:700;margin-bottom:100px;color:inherit}.intro-text{font-size:1.2rem;line-height:1.6;color:inherit;max-width:600px;margin:0 auto 30px;text-align:center;display:block;width:100%;position:relative;left:50%;transform:translate(-50%)}@media (max-width: 768px){.intro-section{padding:0 15px}.intro-title{font-size:2rem}.intro-text{font-size:1rem}.intro-image-container{margin-bottom:30px}.intro-circle{width:190px;height:190px}}@media (max-width: 480px){.intro-section{padding:0 10px}.intro-title{font-size:1.8rem}.intro-text{font-size:.9rem}.intro-image-container{margin-bottom:20px}.intro-circle{width:160px;height:160px}}.skills-section{padding:0 20px;display:flex;flex-direction:column;align-items:center}.skills-header{text-align:center;margin-bottom:20px}.skills-title{font-weight:700;margin-bottom:100px;color:inherit}.skills-subtitle{font-size:1.2rem;color:inherit;max-width:600px}.skills-grid{width:100%;max-width:1200px}.skills-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:#2c2c2cf2;border-radius:15px;padding:30px;text-align:center}.skills-modal[data-theme=light]{background:#fffffff2}.skills-modal-close-btn{position:absolute;top:15px;right:15px;cursor:pointer;color:inherit;transition:color .3s ease}.skills-modal-close-btn:hover{color:#ff4081}.skills-modal-content{display:flex;flex-direction:column;align-items:center;padding-top:30px;padding-bottom:20px}.skills-modal-icon{font-size:100px;margin-bottom:10px}.skills-modal-title{font-weight:700;font-size:1.8rem;margin-bottom:90px;color:inherit}.skills-modal-description{font-size:1.1rem;line-height:1.6;color:inherit;margin-bottom:20px}@media (max-width: 768px){.skills-section{padding:0 15px}.skills-title{font-size:2rem}.skills-subtitle{font-size:1rem}.skills-modal{padding:20px;max-width:500px}.skills-modal-icon{font-size:80px}.skills-modal-title{font-size:1.6rem}.skills-modal-close-btn{top:10px;right:10px}}@media (max-width: 480px){.skills-section{padding:0 10px}.skills-title{font-size:1.8rem}.skills-subtitle{font-size:.9rem}.skills-modal{padding:15px;max-width:350px}.skills-modal-icon{font-size:60px}.skills-modal-title{font-size:1.4rem}.skills-modal-description{font-size:1rem}.skills-modal-close-btn{top:8px;right:8px}}.demo-content{color:#fff;padding:20px}.board-container{display:flex;align-items:center;justify-content:center;width:min(70vw,70vh);height:min(70vw,70vh);position:relative;z-index:2;flex:0 0 auto;transition:transform .5s ease;margin:20px auto}.board-container.rotated{transform:rotate(180deg)}.chess-board-inner{display:grid;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:0;background:#555;border-radius:25px;width:100%;height:100%;aspect-ratio:1 / 1;box-sizing:border-box;z-index:0;box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden;transition:background .5s ease,transform .5s ease}.chess-board-inner.dynamic-lighting{filter:brightness(1.05);box-shadow:0 0 8px #fff3}.chess-board-inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;pointer-events:none;border-radius:25px}.chess-board-inner.dark{background:#2c2c2c}.chess-board-inner.light{background:#fff}.chess-board-inner.default .light-square{background:#f0d9b5}.chess-board-inner.default .dark-square{background:#b58863}.chess-board-inner.ocean .light-square{background:#a3d5ff}.chess-board-inner.ocean .dark-square{background:#4682b4}.chess-board-inner.forest .light-square{background:#d4e4c3}.chess-board-inner.forest .dark-square{background:#5a8e3d}.chess-board-inner.sunset .light-square{background:#ffdab9}.chess-board-inner.sunset .dark-square{background:#e9967a}.chess-board-inner.midnight .light-square{background:#b0c4de}.chess-board-inner.midnight .dark-square{background:#2f4f4f}.chess-board-inner.lavender .light-square{background:linear-gradient(135deg,#e6e6fa,#f0f0f0)}.chess-board-inner.lavender .dark-square{background:#9370db}.chess-board-inner.marble .light-square{background:#e0e0e0;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05)),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05));background-size:10px 10px}.chess-board-inner.marble .dark-square{background:#a9a9a9;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05)),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05));background-size:10px 10px}.chess-board-inner.wood .light-square{background:#deb887;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NkYGBg+M/AwMDI4ODg/xBPYGBgYGD4z8DAwPDgAwA8zgcWqL9YSwAAAABJRU5ErkJggg==)}.chess-board-inner.wood .dark-square{background:#8b4513;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NkYGBg+M/AwMDI4ODg/xBPYGBgYGD4z8DAwPDgAwA8zgcWqL9YSwAAAABJRU5ErkJggg==)}.chess-board-inner.desert .light-square{background:wheat}.chess-board-inner.desert .dark-square{background:peru}.chess-board-inner.emerald .light-square{background:#d0f0c0}.chess-board-inner.emerald .dark-square{background:#2e8b57}.chess-board-inner.ruby .light-square{background:#ffcccb}.chess-board-inner.ruby .dark-square{background:#c71585}.chess-board-inner.sapphire .light-square{background:#b0e0e6}.chess-board-inner.sapphire .dark-square{background:#4682b4}.chess-board-inner.autumn .light-square{background:#ffe4b5}.chess-board-inner.autumn .dark-square{background:#d2691e}.chess-board-inner.spring .light-square{background:#e0ffff}.chess-board-inner.spring .dark-square{background:#90ee90}.chess-board-inner.winter .light-square{background:#f0f8ff}.chess-board-inner.winter .dark-square{background:#4682b4}.chess-board-inner.summer .light-square{background:#fffacd}.chess-board-inner.summer .dark-square{background:#9acd32}.chess-board-inner.candy .light-square{background:#ffb6c1}.chess-board-inner.candy .dark-square{background:#48d1cc}.chess-board-inner.pastel .light-square{background:#f0e6e6}.chess-board-inner.pastel .dark-square{background:#b0c4de}.chess-board-inner.nostalgic .light-square{background:khaki}.chess-board-inner.nostalgic .dark-square{background:peru}.chess-board-inner.futuristic .light-square{background:#d3d3d3}.chess-board-inner.futuristic .dark-square{background:#00ced1;animation:neonGlow 2s infinite}.chess-board-inner.nature .light-square{background:#e0f0d0}.chess-board-inner.nature .dark-square{background:#556b2f}.chess-board-inner.fire .light-square{background:#ffdead}.chess-board-inner.fire .dark-square{background:#ff4500}.chess-board-inner.water .light-square{background:#add8e6}.chess-board-inner.water .dark-square{background:#1e90ff}.chess-board-inner.sky .light-square{background:#b0e0e6}.chess-board-inner.sky .dark-square{background:#4682b4}.chess-board-inner.circus .light-square{background:gold}.chess-board-inner.circus .dark-square{background:#ff69b4}.chess-board-inner.space .light-square{background:#2f4f4f}.chess-board-inner.space .dark-square{background:#191970;position:relative;overflow:hidden}.chess-board-inner.space .dark-square:after{content:"✨";position:absolute;font-size:10px;animation:twinkle 3s infinite}.chess-board-inner.medieval .light-square{background:#d3d3d3;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));background-size:10px 10px}.chess-board-inner.medieval .dark-square{background:gray;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));background-size:10px 10px}.chess-board-inner.jungle .light-square{background:#98fb98}.chess-board-inner.jungle .dark-square{background:#228b22}.chess-board-inner.classic .light-square{background:#eeeed2}.chess-board-inner.classic .dark-square{background:#769656}.chess-board-inner.glass .light-square{background:#c8dcf099;backdrop-filter:blur(2px)}.chess-board-inner.glass .dark-square{background:#50647899;backdrop-filter:blur(2px)}.chess-board-inner.metal .light-square{background:silver;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:10px 10px}.chess-board-inner.metal .dark-square{background:#696969;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:10px 10px}.chess-board-inner.felt .light-square{background:#a8d5ba}.chess-board-inner.felt .dark-square{background:#5a8e3d}.chess-board-inner.vintage .light-square{background:beige}.chess-board-inner.vintage .dark-square{background:#8b4513}.chess-board-inner.modern .light-square{background:#e0e0e0}.chess-board-inner.modern .dark-square{background:#4a4a4a}.chess-board-inner.tropical .light-square{background:#ffef96}.chess-board-inner.tropical .dark-square{background:#20b2aa}.chess-board-inner.chesscom .light-square{background:#eeeed2}.chess-board-inner.chesscom .dark-square{background:#769656}.chess-board-inner.lichess .light-square{background:#f0d9b5}.chess-board-inner.lichess .dark-square{background:#b58863}.chess-board-inner[class*=custom-] .light-square{background:var(--light-square)}.chess-board-inner[class*=custom-] .dark-square{background:var(--dark-square)}.board-row{display:contents}.board-square{position:relative;width:100%;height:100%;display:grid;place-items:center;cursor:pointer;user-select:none;aspect-ratio:1 / 1;z-index:1;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease}.board-square:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 0 8px #ffffff4d}.board-square.first-col:before{content:attr(data-rank);position:absolute;top:4px;left:4px;font-size:clamp(8px,1vw,10px);color:#ffffffb3;pointer-events:none;z-index:3}.board-square.last-row:after{content:attr(data-file);position:absolute;bottom:4px;right:4px;font-size:clamp(8px,1vw,10px);color:#ffffffb3;pointer-events:none;z-index:3}.chess-board-inner.dark .board-square.first-col:before,.chess-board-inner.dark .board-square.last-row:after{color:#ffffffe6}.chess-board-inner.light .board-square.first-col:before,.chess-board-inner.light .board-square.last-row:after{color:#000000e6}.chess-board-inner.default .selected{box-shadow:0 0 0 3px #ffeb3b inset;z-index:10;background-color:#ffeb3b!important}.chess-board-inner.default .legal{background:#3f51b580}.chess-board-inner.default .last-move-from{background:#ff408166;box-shadow:0 0 10px #ff408199}.chess-board-inner.default .last-move-to{background:#ff408199;box-shadow:0 0 10px #ff4081cc}.chess-board-inner.default .attackable{background:#3fffb566}.chess-board-inner.default .in-check{background:#ff0000b3;animation:pulseCheck 1s infinite}.chess-board-inner.ocean .selected{box-shadow:0 0 0 3px #ffeb3b inset;z-index:10;background-color:#ffeb3b!important}.chess-board-inner.ocean .legal{background:#ff634780}.chess-board-inner.ocean .last-move-from{background:#ffd70066;box-shadow:0 0 10px #ffd70099}.chess-board-inner.ocean .last-move-to{background:#ffd70099;box-shadow:0 0 10px #ffd700cc}.chess-board-inner.ocean .attackable{background:#ff634766}.chess-board-inner.ocean .in-check{background:#ff0000b3;animation:pulseCheck 1s infinite}.piece{position:relative;font-size:clamp(20px,4vw,36px);display:grid;place-items:center;line-height:1;z-index:2;transition:transform .5s ease,color .3s ease;width:auto;height:auto;padding:0;box-sizing:border-box}.piece:before{display:block;text-align:center;line-height:1}.piece:not(.smiley1).white{text-shadow:0 0 2px rgba(0,0,0,.5)}.piece:not(.smiley1).black{text-shadow:0 0 2px rgba(255,255,255,.5)}.piece.staunton-solid.white[data-type=p]:before{content:"♟"}.piece.staunton-solid.white[data-type=r]:before{content:"♜"}.piece.staunton-solid.white[data-type=n]:before{content:"♞"}.piece.staunton-solid.white[data-type=b]:before{content:"♝"}.piece.staunton-solid.white[data-type=q]:before{content:"♛"}.piece.staunton-solid.white[data-type=k]:before{content:"♚"}.piece.staunton-solid.black[data-type=p]:before{content:"♟"}.piece.staunton-solid.black[data-type=r]:before{content:"♜"}.piece.staunton-solid.black[data-type=n]:before{content:"♞"}.piece.staunton-solid.black[data-type=b]:before{content:"♝"}.piece.staunton-solid.black[data-type=q]:before{content:"♛"}.piece.staunton-solid.black[data-type=k]:before{content:"♚"}.piece.staunton-hollow.white[data-type=p]:before{content:"♙";font-weight:100}.piece.staunton-hollow.white[data-type=r]:before{content:"♖";font-weight:100}.piece.staunton-hollow.white[data-type=n]:before{content:"♘";font-weight:100}.piece.staunton-hollow.white[data-type=b]:before{content:"♗";font-weight:100}.piece.staunton-hollow.white[data-type=q]:before{content:"♕";font-weight:100}.piece.staunton-hollow.white[data-type=k]:before{content:"♔";font-weight:100}.piece.staunton-hollow.black[data-type=p]:before{content:"♙";font-weight:100}.piece.staunton-hollow.black[data-type=r]:before{content:"♖";font-weight:100}.piece.staunton-hollow.black[data-type=n]:before{content:"♘";font-weight:100}.piece.staunton-hollow.black[data-type=b]:before{content:"♗";font-weight:100}.piece.staunton-hollow.black[data-type=q]:before{content:"♕";font-weight:100}.piece.staunton-hollow.black[data-type=k]:before{content:"♔";font-weight:100}.piece.smiley1.white[data-type=p]:before{content:"😀"}.piece.smiley1.white[data-type=r]:before{content:"😎"}.piece.smiley1.white[data-type=n]:before{content:"🐴"}.piece.smiley1.white[data-type=b]:before{content:"🧙‍♂️"}.piece.smiley1.white[data-type=q]:before{content:"👑"}.piece.smiley1.white[data-type=k]:before{content:"🤴"}.piece.smiley1.black[data-type=p]:before{content:"😈"}.piece.smiley1.black[data-type=r]:before{content:"👾"}.piece.smiley1.black[data-type=n]:before{content:"🐺"}.piece.smiley1.black[data-type=b]:before{content:"🧙‍♀️"}.piece.smiley1.black[data-type=q]:before{content:"👸"}.piece.smiley1.black[data-type=k]:before{content:"🤵"}.piece[class*=custom-].white[data-type=p]:before{content:var(--p-white, "♟")}.piece[class*=custom-].white[data-type=r]:before{content:var(--r-white, "♜")}.piece[class*=custom-].white[data-type=n]:before{content:var(--n-white, "♞")}.piece[class*=custom-].white[data-type=b]:before{content:var(--b-white, "♝")}.piece[class*=custom-].white[data-type=q]:before{content:var(--q-white, "♛")}.piece[class*=custom-].white[data-type=k]:before{content:var(--k-white, "♚")}.piece[class*=custom-].black[data-type=p]:before{content:var(--p-black, "♟")}.piece[class*=custom-].black[data-type=r]:before{content:var(--r-black, "♜")}.piece[class*=custom-].black[data-type=n]:before{content:var(--n-black, "♞")}.piece[class*=custom-].black[data-type=b]:before{content:var(--b-black, "♝")}.piece[class*=custom-].black[data-type=q]:before{content:var(--q-black, "♛")}.piece[class*=custom-].black[data-type=k]:before{content:var(--k-black, "♚")}.piece[class*=custom-].white[data-type=p].hollow:before,.piece[class*=custom-].white[data-type=r].hollow:before,.piece[class*=custom-].white[data-type=n].hollow:before,.piece[class*=custom-].white[data-type=b].hollow:before,.piece[class*=custom-].white[data-type=q].hollow:before,.piece[class*=custom-].white[data-type=k].hollow:before,.piece[class*=custom-].black[data-type=p].hollow:before,.piece[class*=custom-].black[data-type=r].hollow:before,.piece[class*=custom-].black[data-type=n].hollow:before,.piece[class*=custom-].black[data-type=b].hollow:before,.piece[class*=custom-].black[data-type=q].hollow:before,.piece[class*=custom-].black[data-type=k].hollow:before{font-weight:100}.piece[class*=custom-]{color:inherit!important}.piece.capturable{color:#ff4081;transform:scale(1.1);animation:pulsePiece 1s infinite}.piece.attackable-animated{animation:shake .5s infinite}.piece.captured-animated{animation:fadeRotate .6s forwards}.piece.move-trail:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,64,129,.5) 0%,transparent 70%);opacity:0;animation:trailFade .5s ease-out}@keyframes pulsePiece{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulseCheck{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes fadeRotate{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.5) rotate(90deg)}}@keyframes trailFade{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width: 768px){.board-container{width:90vw;height:90vw;margin:15px auto}.board-square.first-col:before,.board-square.last-row:after{font-size:8px}.piece{font-size:24px}.board-container.rotated .board-square.first-col:before,.board-container.rotated .board-square.last-row:after{transform:rotate(180deg)}}.player-block{width:200px;padding:10px;margin:5px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #0003;transition:background .3s ease,color .3s ease}.player-block.white{background:#fff3}.player-block.black{background:#0003}.player-block.dark{color:#e2e8f0}.player-block.light{color:#1e293b}.player-name{font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;margin-bottom:5px}.player-score{font-size:clamp(.8rem,1.2vw,.9rem);margin-bottom:5px}.captured-pieces{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;font-size:clamp(.7rem,1vw,.8rem)}.captured-piece{display:inline-flex;align-items:center;gap:3px}@media (min-width: 768px){.player-block{width:180px;padding:8px;margin:0}.player-name{font-size:1rem}.player-score{font-size:.85rem}.captured-pieces{font-size:.75rem}}@media (max-width: 768px){.player-block{width:calc(50% - 10px);margin:3px;padding:6px}.player-name{font-size:.8rem}.player-score{font-size:.7rem}.captured-pieces{font-size:.6rem}}@media (max-width: 480px){.player-block{width:calc(50% - 6px);padding:4px}.player-name{font-size:.75rem}.player-score{font-size:.65rem}.captured-pieces{font-size:.55rem;gap:3px}}.options-bar{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;background:#0000004d;border-radius:10px;margin-top:10px;transition:background .3s ease}.options-bar.dark{background:#2c2c2cb3}.options-bar.light{background:#ffffffb3}.settings-menu{background:#1e1e32f2!important;border-radius:15px!important;box-shadow:0 2px 8px #0000001a!important}.settings-menu.dark{background:#1e1e32f2!important}.settings-menu.light{background:#f0f0f5f2!important}.menu-select{background:transparent;border:1px solid #fff;color:#fff;padding:5px;border-radius:5px;font-size:.9rem;width:100%}.menu-select option{background:#2c2c2c;color:#fff}.tooltip{position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;top:-40px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1000}.tooltip.visible{opacity:1}@media (max-width: 768px){.options-bar{gap:5px;padding:8px}.settings-menu{width:90vw!important;max-width:300px!important;left:50%!important;transform:translate(-50%)!important}.menu-select{font-size:.85rem;padding:4px}.tooltip{font-size:.75rem;top:-35px}}@media (max-width: 480px){.options-bar{gap:3px;padding:6px}.settings-menu{width:95vw!important}.menu-select{font-size:.8rem}}.customization-modal{width:100%;height:100%;inset:0;background:#0a0a14f2;padding:15px;box-shadow:0 2px 8px #00000080;z-index:50;overflow-y:auto;overflow-x:hidden;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;max-width:100vw}.customization-modal .MuiTabs-root{width:100%;overflow-x:auto;white-space:nowrap;pointer-events:auto}.customization-modal .MuiTabs-scroller{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ff4081 rgba(255,255,255,.1)}.customization-modal .MuiTabs-scroller::-webkit-scrollbar{height:6px}.customization-modal .MuiTabs-scroller::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.customization-modal .MuiTabs-scroller::-webkit-scrollbar-thumb{background:#ff4081;border-radius:10px}.customization-modal .MuiTabs-scroller::-webkit-scrollbar-thumb:hover{background:#e91e63}.customization-modal .MuiTab-root{flex:0 0 auto;min-width:80px;padding:6px 12px;font-size:clamp(.8rem,1.5vw,1rem);color:#fff;text-transform:none;pointer-events:auto;transition:color .3s ease,background .3s ease}.customization-modal .MuiTab-root:hover{background:#ff408133}.customization-modal .MuiTab-root.Mui-selected{color:#ff4081}.customization-modal .MuiTabs-indicator{background-color:#ff4081}.customization-modal::-webkit-scrollbar{width:6px}.customization-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.customization-modal::-webkit-scrollbar-thumb{background:#ff4081;border-radius:10px}.customization-modal::-webkit-scrollbar-thumb:hover{background:#e91e63}.modal-close-btn{position:absolute!important;top:10px!important;right:10px!important;color:#fff!important;z-index:1001!important}.modal-title{color:#fff;text-align:center;font-size:clamp(1.2rem,2vw,1.6rem)}.customization-content{display:flex;flex-direction:column;gap:10px;width:100%;max-width:500px;padding:10px}.menu-select{width:100%;padding:8px;font-size:clamp(.7rem,1.5vw,.9rem);border:1px solid rgba(255,64,129,.5);border-radius:4px;background:#0a0a14;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background .3s ease,border-color .3s ease}.menu-select option{background:#0a0a14;color:#fff}.menu-select:hover{background:#ff408133;border-color:#ff4081}.color-picker{width:100%;height:40px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;transition:transform .2s ease}.color-picker:hover{transform:scale(1.05)}.color-options{display:flex;flex-direction:column;gap:8px;margin:8px 0}.color-swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.effect-group{margin-bottom:16px;padding:10px;background:#ffffff0d;border-radius:4px}.effect-option{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;padding:6px;border-radius:4px;background:#ffffff0d;transition:background .3s ease}.effect-option:hover{background:#ffffff1a}.effect-option .MuiTypography-body2{color:#fff;font-weight:500;font-size:clamp(.8rem,1.2vw,.9rem)}.effect-option .MuiTypography-caption{color:#bbb;text-align:left;font-size:clamp(.6rem,1vw,.7rem)}.customization-btn,.reset-customization-btn{background:linear-gradient(45deg,#ff4081,#1a237e);color:#fff!important;padding:5px 10px;border-radius:5px;border:none;font-size:clamp(.7rem,1.5vw,.9rem);cursor:pointer;transition:transform .3s ease;margin:8px}.customization-btn:hover,.reset-customization-btn:hover{transform:scale(1.05)}.preview-board{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:#555;border-radius:8px;width:80px;height:80px;margin:10px auto;position:relative;box-shadow:0 2px 6px #0000004d;transition:transform .3s ease}.preview-board:hover{transform:scale(1.05)}.preview-board .light-square{background:#f0d9b5}.preview-board .dark-square{background:#b58863}.preview-board.ocean .light-square{background:#a3d5ff}.preview-board.ocean .dark-square{background:#4682b4}.preview-board.forest .light-square{background:#d4e4c3}.preview-board.forest .dark-square{background:#5a8e3d}.preview-board.sunset .light-square{background:#ffdab9}.preview-board.sunset .dark-square{background:#e9967a}.preview-board.midnight .light-square{background:#b0c4de}.preview-board.midnight .dark-square{background:#2f4f4f}.preview-board.lavender .light-square{background:#e6e6fa}.preview-board.lavender .dark-square{background:#9370db}.preview-board.marble .light-square{background:#e0e0e0;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05)),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05));background-size:10px 10px}.preview-board.marble .dark-square{background:#a9a9a9;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05)),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05));background-size:10px 10px}.preview-board.wood .light-square{background:#deb887;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NkYGBg+M/AwMDI4ODg/xBPYGBgYGD4z8DAwPDgAwA8zgcWqL9YSwAAAABJRU5ErkJggg==)}.preview-board.wood .dark-square{background:#8b4513;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NkYGBg+M/AwMDI4ODg/xBPYGBgYGD4z8DAwPDgAwA8zgcWqL9YSwAAAABJRU5ErkJggg==)}.preview-board.desert .light-square{background:wheat}.preview-board.desert .dark-square{background:peru}.preview-board.emerald .light-square{background:#d0f0c0}.preview-board.emerald .dark-square{background:#2e8b57}.preview-board.ruby .light-square{background:#ffcccb}.preview-board.ruby .dark-square{background:#c71585}.preview-board.sapphire .light-square{background:#b0e0e6}.preview-board.sapphire .dark-square{background:#4682b4}.preview-board.autumn .light-square{background:#ffe4b5}.preview-board.autumn .dark-square{background:#d2691e}.preview-board.spring .light-square{background:#e0ffff}.preview-board.spring .dark-square{background:#90ee90}.preview-board.winter .light-square{background:#f0f8ff}.preview-board.winter .dark-square{background:#4682b4}.preview-board.summer .light-square{background:#fffacd}.preview-board.summer .dark-square{background:#9acd32}.preview-board.candy .light-square{background:#ffb6c1}.preview-board.candy .dark-square{background:#48d1cc}.preview-board.pastel .light-square{background:#f0e6e6}.preview-board.pastel .dark-square{background:#b0c4de}.preview-board.nostalgic .light-square{background:khaki}.preview-board.nostalgic .dark-square{background:peru}.preview-board.futuristic .light-square{background:#d3d3d3}.preview-board.futuristic .dark-square{background:#00ced1;animation:neonGlow 2s infinite}.preview-board.nature .light-square{background:#e0f0d0}.preview-board.nature .dark-square{background:#556b2f}.preview-board.fire .light-square{background:#ffdead}.preview-board.fire .dark-square{background:#ff4500}.preview-board.water .light-square{background:#add8e6}.preview-board.water .dark-square{background:#1e90ff}.preview-board.sky .light-square{background:#b0e0e6}.preview-board.sky .dark-square{background:#4682b4}.preview-board.circus .light-square{background:gold}.preview-board.circus .dark-square{background:#ff69b4}.preview-board.space .light-square{background:#2f4f4f}.preview-board.space .dark-square{background:#191970;position:relative;overflow:hidden}.preview-board.space .dark-square:after{content:"✨";position:absolute;font-size:10px;animation:twinkle 3s infinite}.preview-board.medieval .light-square{background:#d3d3d3;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1)),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));background-size:10px 10px}.preview-board.medieval .dark-square{background:gray;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1)),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));background-size:10px 10px}.preview-board.jungle .light-square{background:#98fb98}.preview-board.jungle .dark-square{background:#228b22}.preview-board.classic .light-square{background:#eeeed2}.preview-board.classic .dark-square{background:#769656}.preview-board.glass .light-square{background:#c8dcf099;backdrop-filter:blur(2px)}.preview-board.glass .dark-square{background:#50647899;backdrop-filter:blur(2px)}.preview-board.metal .light-square{background:silver;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:10px 10px}.preview-board.metal .dark-square{background:#696969;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:10px 10px}.preview-board.felt .light-square{background:#a8d5ba}.preview-board.felt .dark-square{background:#5a8e3d}.preview-board.vintage .light-square{background:beige}.preview-board.vintage .dark-square{background:#8b4513}.preview-board.modern .light-square{background:#e0e0e0}.preview-board.modern .dark-square{background:#4a4a4a}.preview-board.tropical .light-square{background:#ffef96}.preview-board.tropical .dark-square{background:#20b2aa}.preview-board.chesscom .light-square{background:#eeeed2}.preview-board.chesscom .dark-square{background:#769656}.preview-board.lichess .light-square{background:#f0d9b5}.preview-board.lichess .dark-square{background:#b58863}.preview-board[class*=custom-] .light-square{background:var(--light-square)}.preview-board[class*=custom-] .dark-square{background:var(--dark-square)}.preview-piece{font-size:18px;display:grid;place-items:center;line-height:1;width:100%;height:100%}.preview-piece:before{display:block;text-align:center;line-height:1}.preview-piece.staunton-solid.white[data-type=p]:before{content:"♟"}.preview-piece.staunton-solid.white[data-type=r]:before{content:"♜"}.preview-piece.staunton-solid.white[data-type=n]:before{content:"♞"}.preview-piece.staunton-solid.white[data-type=b]:before{content:"♝"}.preview-piece.staunton-solid.white[data-type=q]:before{content:"♛"}.preview-piece.staunton-solid.white[data-type=k]:before{content:"♚"}.preview-piece.staunton-solid.black[data-type=p]:before{content:"♟"}.preview-piece.staunton-solid.black[data-type=r]:before{content:"♜"}.preview-piece.staunton-solid.black[data-type=n]:before{content:"♞"}.preview-piece.staunton-solid.black[data-type=b]:before{content:"♝"}.preview-piece.staunton-solid.black[data-type=q]:before{content:"♛"}.preview-piece.staunton-solid.black[data-type=k]:before{content:"♚"}.preview-piece.staunton-hollow.white[data-type=p]:before{content:"♙";font-weight:100}.preview-piece.staunton-hollow.white[data-type=r]:before{content:"♖";font-weight:100}.preview-piece.staunton-hollow.white[data-type=n]:before{content:"♘";font-weight:100}.preview-piece.staunton-hollow.white[data-type=b]:before{content:"♗";font-weight:100}.preview-piece.staunton-hollow.white[data-type=q]:before{content:"♕";font-weight:100}.preview-piece.staunton-hollow.white[data-type=k]:before{content:"♔";font-weight:100}.preview-piece.staunton-hollow.black[data-type=p]:before{content:"♙";font-weight:100}.preview-piece.staunton-hollow.black[data-type=r]:before{content:"♖";font-weight:100}.preview-piece.staunton-hollow.black[data-type=n]:before{content:"♘";font-weight:100}.preview-piece.staunton-hollow.black[data-type=b]:before{content:"♗";font-weight:100}.preview-piece.staunton-hollow.black[data-type=q]:before{content:"♕";font-weight:100}.preview-piece.staunton-hollow.black[data-type=k]:before{content:"♔";font-weight:100}.preview-piece.smiley1.white[data-type=p]:before{content:"😀"}.preview-piece.smiley1.white[data-type=r]:before{content:"😎"}.preview-piece.smiley1.white[data-type=n]:before{content:"🐴"}.preview-piece.smiley1.white[data-type=b]:before{content:"🧙‍♂️"}.preview-piece.smiley1.white[data-type=q]:before{content:"👑"}.preview-piece.smiley1.white[data-type=k]:before{content:"🤴"}.preview-piece.smiley1.black[data-type=p]:before{content:"😈"}.preview-piece.smiley1.black[data-type=r]:before{content:"👾"}.preview-piece.smiley1.black[data-type=n]:before{content:"🐺"}.preview-piece.smiley1.black[data-type=b]:before{content:"🧙‍♀️"}.preview-piece.smiley1.black[data-type=q]:before{content:"👸"}.preview-piece.smiley1.black[data-type=k]:before{content:"🤵"}.preview-piece[class*=custom-]{color:inherit!important}@keyframes neonGlow{0%{box-shadow:0 0 5px #00ced1}50%{box-shadow:0 0 10px #00ced1,0 0 20px #00ced1}to{box-shadow:0 0 5px #00ced1}}@keyframes twinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width: 768px){.customization-modal{padding:10px;max-width:100vw;overflow-x:hidden}.customization-content{max-width:100%;gap:8px;padding:8px}.modal-title{font-size:1.2rem}.customization-modal .MuiTab-root{min-width:60px;padding:4px 8px;font-size:.8rem}.menu-select{font-size:.8rem;padding:6px}.color-picker{width:50%;height:30px;margin:5px 0}.color-swatches{gap:5px;margin:5px 0}.color-swatches .MuiButton-root{min-width:25px;height:25px}.effect-group{padding:8px;margin-bottom:12px}.effect-option{flex-direction:column;align-items:flex-start;gap:5px;padding:5px}.effect-option .MuiTypography-body2{font-size:.8rem}.effect-option .MuiTypography-caption{font-size:.6rem}.customization-btn,.reset-customization-btn{padding:4px 8px;font-size:.8rem;margin:5px}.preview-board{width:60px;height:60px;margin:5px auto}.preview-piece{font-size:14px}}.info-modal .MuiDialog-paper,.end-game-modal .MuiDialog-paper{background:#ffffff26;backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000040;color:#1e293b;max-width:500px;width:90%}.info-modal .MuiDialog-paper.dark,.end-game-modal .MuiDialog-paper.dark{background:#2c2c2ce6;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.info-modal .MuiDialog-paper.light,.end-game-modal .MuiDialog-paper.light{background:#ffffffe6;color:#1e293b;border:1px solid rgba(0,0,0,.1)}.modal-paper.animated{animation:popIn .5s ease-out}.tips-content,.logs-content{padding:16px;max-height:300px;overflow-y:auto}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.info-modal .MuiDialog-paper,.end-game-modal .MuiDialog-paper{width:95%;max-width:400px;margin:10px}.tips-content,.logs-content{max-height:200px}}@media (max-width: 480px){.info-modal .MuiDialog-paper,.end-game-modal .MuiDialog-paper{width:98%;margin:5px}.tips-content,.logs-content{padding:12px;max-height:150px}}.chess-block{background:transparent;border-radius:15px;padding:20px;max-width:90vw;max-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;position:relative}.chess-header{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:0 10px}.chess-header h1{font-size:clamp(1.5rem,2.5vw,2rem);margin:0;font-weight:700}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;gap:20px}.desktop-layout{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.board-and-timer{display:flex;flex-direction:column;align-items:center;gap:10px}.player-blocks-container{display:flex;justify-content:center;gap:10px;width:100%;flex-wrap:wrap}.timer-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.online-players-list,.challenges-list{max-height:200px;overflow-y:auto;background:#ffffff1a;border-radius:8px;padding:10px}.online-players-list.dark,.challenges-list.dark{background:#2c2c2ce6}.online-players-list.light,.challenges-list.light{background:#ffffffe6}@media (min-width: 768px){.desktop-layout{flex-direction:row}.player-blocks-container{display:none}.chess-block{padding:30px}}@media (max-width: 768px){.chess-block{padding:15px;max-width:95vw;max-height:calc(100vh - 124px)}.chess-header{padding:0 5px}.main-content{gap:10px;padding-bottom:60px}.player-blocks-container{flex-direction:row;justify-content:space-between;gap:10px;margin-top:5px}.player-blocks-container>div{flex:1;max-width:calc(50% - 5px)}.timer-container{margin-top:5px}}@media (max-width: 480px){.chess-block{padding:10px}.chess-header h1{font-size:1.2rem}.main-content,.player-blocks-container{gap:8px}}.demos-section{padding:0 20px;display:flex;flex-direction:column;align-items:center}.demos-header{text-align:center;margin-bottom:20px}.demos-title{font-weight:700;margin-bottom:100px;color:inherit}.demos-subtitle{font-size:1.2rem;color:inherit;max-width:600px}.demos-grid{width:100%;max-width:1200px}.demo-fullscreen{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}@media (max-width: 768px){.demos-section{padding:0 15px}.demos-title{font-size:2rem}.demos-subtitle{font-size:1rem}.demo-fullscreen{padding:10px}}@media (max-width: 480px){.demos-section{padding:0 10px}.demos-title{font-size:1.8rem}.demos-subtitle{font-size:.9rem}.demo-fullscreen{padding:5px}}.contact-section{padding:0 20px;display:flex;flex-direction:column;align-items:center}.contact-header{text-align:center;margin-bottom:20px}.contact-title{font-weight:700;margin-bottom:100px;color:inherit}.contact-subtitle{font-size:1.2rem;color:inherit;max-width:600px}.contact-form{width:100%;max-width:1200px}@media (max-width: 768px){.contact-section{padding:0 15px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}}@media (max-width: 480px){.contact-section{padding:0 10px}.contact-title{font-size:1.8rem}.contact-subtitle{font-size:.9rem}}.footer{width:100%;padding:10px 0;margin:0;text-align:center;background:transparent}.experience-section{padding:30px 20px;min-height:100vh;display:flex;justify-content:center;align-items:center}.experience-content{max-width:800px;text-align:center}@media (max-width: 768px){.experience-section{padding:20px 15px}}@media (max-width: 480px){.experience-section{padding:15px 10px}}.account-management{background:linear-gradient(135deg,#121224f2,#16162cf2);color:#fff;padding:20px}.account-management[data-theme=light]{background:linear-gradient(135deg,#f5f5f5f2,#f8f8faf2);color:#333}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0003}@media (max-width: 600px){.account-management{padding:10px}}.apps-page{padding:20px;height:100%;background-color:#f5f5f5;box-sizing:border-box;overflow-y:auto}[data-theme=dark] .apps-page{background-color:#1a1a2e}.apps-title{color:#333;margin-bottom:20px;text-align:center;font-weight:700}[data-theme=dark] .apps-title{color:#fff}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:10px;margin-top:20px}.app-card{background:#ffd700e6!important;border-radius:20px;overflow:hidden;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.app-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.app-icon{display:flex;justify-content:center;align-items:center;padding:15px 15px 0}.app-icon svg{width:48px;height:48px;color:#333}[data-theme=dark] .app-icon svg{color:#fff}@media (max-width: 600px){.apps-page{padding:10px}.apps-title{margin-bottom:10px;font-size:1.2rem}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.app-icon{padding:10px 10px 0}.app-icon svg{width:36px;height:36px}}.chat-container{width:100vw;height:100vh;font-family:Poppins,sans-serif;overflow:hidden}[data-theme=light] .chat-container{background-color:#f5f5f5}[data-theme=dark] .chat-container{background-color:#1a1a2e}@keyframes encryptPulse{0%{box-shadow:0 0 #00d4ffb3;border-color:#00d4ff80}50%{box-shadow:0 0 10px 5px #00d4ff4d;border-color:#00d4ff}to{box-shadow:0 0 #00d4ff00;border-color:#00d4ff80}}@keyframes newMessage{0%{transform:scale(.95);opacity:.8;background-color:#00d4ff33}to{transform:scale(1);opacity:1;background-color:inherit}}.MuiDrawer-paper{transition:width .3s ease-in-out;overflow-x:hidden}.MuiListItem-root:hover{background-color:#00000014}.MuiTabs-root{border-bottom:1px solid #e0e0e0}.MuiTab-root{text-transform:none}body{margin:0;padding:0;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;margin:0;overflow-x:hidden;position:relative;z-index:0;background:#1a1a2e;animation:subtleBackground 20s ease-in-out infinite}.App[data-theme=light]{background:#f5f5f5;animation:subtleBackgroundLight 20s ease-in-out infinite}@keyframes subtleBackground{0%{background:#1a1a2e}50%{background:#1e1e38}to{background:#1a1a2e}}@keyframes subtleBackgroundLight{0%{background:#f5f5f5}50%{background:#f8f8fa}to{background:#f5f5f5}}.particles-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.particles-container{width:100%;height:100%;pointer-events:auto}section,footer{position:relative;z-index:1000;pointer-events:auto}section{width:100%;max-width:1200px;margin:30px auto;padding:0 20px;box-sizing:border-box}main{margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;pointer-events:auto}section#intro{margin-top:120px}section#contact{margin-bottom:30px}.swipe-hint{z-index:1198;opacity:.8;transition:opacity .3s ease;pointer-events:auto}.swipe-hint:hover{opacity:1}.App .pull-tab{pointer-events:auto!important;position:fixed!important;inset-inline-start:50%!important;transform:translate(-50%)!important;margin:0!important;padding:0!important;will-change:transform!important}.App .pull-tab:not(.drawer-open){top:-55px!important}.App .pull-tab:hover,.App .pull-tab.active{top:-35px!important;background-color:#88888880!important}.App .pull-tab:hover .arrow,.App .pull-tab.active .arrow{opacity:1!important}.App .pull-tab.drawer-open{position:fixed!important;inset-inline-start:50%!important;transform:translate(-50%)!important;margin:0!important;padding:0!important;will-change:transform!important}.App .apps-drawer-toggle{pointer-events:auto!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.App .apps-drawer-toggle:hover,.App .apps-drawer-toggle.active{left:-110px!important;width:150px!important;background-color:#88888880!important}.App .apps-drawer-toggle:hover .arrow,.App .apps-drawer-toggle.active .arrow{opacity:1!important}.App .chat-drawer-toggle{pointer-events:auto!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.App .chat-drawer-toggle:hover,.App .chat-drawer-toggle.active{right:-110px!important;width:150px!important;background-color:#88888880!important}.App .chat-drawer-toggle:hover .arrow,.App .chat-drawer-toggle.active .arrow{opacity:1!important}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1298;pointer-events:auto;transition:opacity .3s ease}.App .chat-fab{transition:transform .3s ease,background-color .3s ease}.App .chat-fab:hover{transform:scale(1.1)}.header-toolbar,.header-toolbar *{pointer-events:auto!important}@media (min-width: 769px){section#intro{margin-top:120px}}@media (max-width: 768px){section{margin:30px auto;padding:0 15px}section#intro{margin-top:80px}section#contact{margin-bottom:50px}}@media (max-width: 480px){section{margin:30px auto;padding:0 10px}section#intro{margin-top:80px}section#contact{margin-bottom:50px}}