.contact-btn{display:block;font-weight:700;text-align:center;padding:5px 0;border-radius:0;font-size:.92rem;margin:0 auto;width:100%;color:#fff;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #00000014}.contact-btn.linkedin{background:#0077b5}.contact-btn.x{background:#111}.contact-btn.discord{background:#5865f2}.contact-btn.youtube{background:red}.contact-btn:hover{filter:brightness(1.1);box-shadow:0 4px 16px #0000002e}@media (min-width: 501px) and (max-width: 900px){.about-header-image,.about-community,.about-footer{display:none!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.fullscreen-3d{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.three-canvas{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}.next-btn{position:absolute;bottom:120px;left:50%;transform:translate(-50%);z-index:2;padding:6px 16px;font-size:1.1rem;font-weight:500;color:#fff;cursor:pointer;min-width:135px;text-align:center;background:#333;border:3px solid #fff;border-radius:50px;transition:background .2s ease}.next-btn:hover{background:#444;border-color:#fff;box-shadow:0 4px 8px #0003}.header-overlay{position:fixed;top:0;width:100%;max-width:1200px;height:70px;display:flex;align-items:center;justify-content:space-between;background:#141414d9;color:#fff;z-index:10;padding:0 24px;font-size:1.3rem;box-shadow:0 2px 12px #00000026;left:50%;transform:translate(-50%);border-radius:0 0 16px 16px;transition:all .3s ease}.header-left{display:flex;align-items:center;font-weight:700;letter-spacing:1px;padding:0 12px}.header-title{font-size:1.4rem;margin-right:12px}.header-subtitle{font-size:1rem;font-weight:400;color:gold;margin-top:2px}.linkedin-link{display:flex;align-items:center;margin-left:8px;transition:transform .2s}.linkedin-link:hover{transform:scale(1.1)}.linkedin-icon{width:24px;height:24px;border-radius:4px}.header-right{display:flex;gap:24px;align-items:center;padding:0 12px}.header-right a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s;font-size:1.1rem}.header-right a:hover{color:#9b59b6}.menu-toggle{display:none;cursor:pointer;background:none;border:none;color:#fff;font-size:1.5rem;padding:0;margin-right:16px;z-index:15;outline:none}.menu-toggle:focus,.menu-toggle:active{outline:none}@media (max-width: 500px){.about-header-image,.about-columns-container,.about-footer,.about-subtitle,.about-list,.about-tools-title,.about-community,.about-hide-mobile{display:none!important}.menu-toggle{display:block}}@media (max-width: 500px){.header-right{position:fixed;flex-direction:column;background:#141414f2;top:60px;right:0;width:200px;padding:20px;gap:20px;border-radius:0 0 0 16px;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 2px 10px #0003}.header-right.open{transform:translate(0);top:70px;right:15px;width:100px;border-radius:0 0 0 1px}.header-right a{font-size:1.2rem;width:100%;text-align:center;padding:12px 0}}.modal-overlay{position:fixed;min-width:320px;max-width:260px;min-height:120px;width:80%;background:#0e0d0de6;color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;z-index:100;padding:0;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay[data-modal=about]{max-width:580px;width:85%}.modal-header{display:flex;align-items:center;justify-content:space-between;background:#222;padding:12px 18px;height:40px;border-radius:12px 12px 0 0;font-size:1.1rem;font-weight:600;cursor:move}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-left:12px;outline:none}.modal-close:focus,.modal-close:active{outline:none;box-shadow:none}.modal-content{padding:0 0 18px;font-size:1rem;line-height:1.6;overflow:hidden}.about-modal-content{display:flex;flex-direction:column;gap:0px;width:100%}.about-header-image{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:0;max-height:120px}.about-img{width:100%;display:block;border-radius:0;object-fit:cover;object-position:center}.about-title{margin:10px 20px 0;color:#a78bfa;font-weight:700;text-align:center;font-size:1.3rem}.about-intro{margin:5px 20px 10px;text-align:center;padding:0 8%;font-size:.95rem}.about-columns-container{display:flex;flex-direction:row;padding:0;margin:5px 16px 0;gap:16px;width:calc(100% - 32px);box-sizing:border-box}.about-column{flex:1;padding:0 4px;min-width:0;max-width:calc(50% - 8px)}.about-subtitle{color:#a78bfa;margin:0 0 6px;text-align:center;font-size:1rem;padding-bottom:4px;border-bottom:1px solid #a78bfa40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-column p{margin:0;text-align:left;line-height:1.4;font-size:.92rem;word-wrap:break-word}.about-column strong{color:#a78bfa;font-size:.95rem}.about-column ul li{font-size:.9rem;line-height:1.3;margin-bottom:2px}.about-footer{margin:10px 16px 6px;text-align:center;font-style:italic;padding-top:8px;border-top:1px solid #a78bfa40;font-size:.9rem;width:calc(100% - 32px)}@media (max-width: 900px){.modal-overlay[data-modal=about]{width:90%;max-width:460px}.about-columns-container{flex-direction:column;gap:10px;margin:5px 12px 0;width:calc(100% - 24px)}.about-column{max-width:100%;padding:0 2px}.about-intro{padding:0 5%;margin-bottom:6px}.about-subtitle{margin-top:0}.about-header-image{max-height:100px}}.view-toggle{position:absolute;bottom:175px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:16px}.view-btn{border:none;border-radius:50px;padding:6px 16px;background:#333;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;min-width:135px;text-align:center}.view-btn.active{background:#07f;color:#fff}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#141313}a:hover{color:#747bff}button{background-color:#f9f9f9}}