.particles-container{position:relative;width:100%;height:100%}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:fit-content;gap:1rem;border-radius:1.5rem;background:#02020238;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;box-shadow:0 8px 24px #0003}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .2s ease,background .3s}.dock-item:hover{transform:scale(1.1);background:#fff3}.dock-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.dock-label{position:absolute;top:-2rem;left:50%;transform:translate(-50%);background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:.25rem .5rem;font-size:.75rem;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.dock-item:hover .dock-label{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.simple-card{opacity:0;animation:fadeInUp .5s ease-out forwards;animation-delay:calc(var(--i) * 70ms);display:flex;flex-direction:column;align-items:center;padding:24px;background-color:#fff;border:1px solid #EAEAEA;border-radius:16px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.simple-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px -5px #00000012}.simple-card-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid #EAEAEA;transition:border-color .3s ease}.simple-card:hover .simple-card-avatar{border-color:#e53e3e}.simple-card-name{font-size:1.25rem;font-weight:600;margin:0 0 5px;color:#1a1a1a}.simple-card-handle{font-size:1rem;color:#e53e3e;margin:0}#root{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}#bg{width:100vw;height:100%;min-height:100dvh;background:radial-gradient(#007795,#009dc4);z-index:-2;align-items:center;justify-content:center}#circles{animation:pan 180s linear infinite;background-image:url(/assets/squares.webp);animation:pan 240s linear infinite;position:absolute}.big{width:100vw;height:100vh;opacity:15%}.small{width:1vh;height:1vh;opacity:5%}#circut{animation:pan 180s linear infinite;background-image:url(/assets/circut.webp);animation:pan 240s linear infinite;position:absolute;width:100vw;height:100vh;opacity:50%}#abs{position:absolute;width:100vw;height:100vh;background:radial-gradient(#f2433300,#009dc4);align-items:center;justify-content:center;display:flex}header{display:flex;align-items:center;justify-content:center;background-color:#2b9eb3;width:100vw;height:10%;box-sizing:border-box;position:sticky;top:0;border-radius:20px}#circle{border-radius:50%;background-color:#009dc4}.main{width:80vh;height:80vh;animation:vibe 5s infinite linear;box-shadow:0 0 2.5vw #ffffff95;overflow:hidden;align-items:center;justify-content:center;display:flex}.menu{width:10vh;height:10vh}#logo{font-size:clamp(20px,4vh,100px);line-height:1.1;font-family:Courier New,Courier,monospace;z-index:1;transition:.5s;justify-content:center;align-items:center}#logohover:hover{color:#ef3053;transition:.5s}#logohover:hover span{color:#000;transition:.5s}#cursor{animation:blink 1s infinite}.greentext{color:#3d6e3f;text-shadow:-2px -2px 0 #66BB6A,2px -2px 0 #66BB6A,-2px 2px 0 #66BB6A,2px 2px 0 #66BB6A}.redtext{color:#ef3053}#red{color:#ef3053;transition:.5s}#red:hover{color:#000}h1{margin-bottom:10%}h2{font-size:clamp(20px,4vh,50px);line-height:1.1;font-family:Courier New,Courier,monospace}button{width:20vh;height:10vh;border-radius:8px;border:5px inset transparent;padding:.6em 1.2em;text-align:center;font-size:.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;display:flex;align-items:center;justify-content:center}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a:hover{color:#ef3053}button{background-color:#ef3053}button:hover{background-color:#000;color:#ef3053;border-color:#ef3053;border-width:5px}.redbutton{background-color:#ef3053;transition:.25s}.redbutton:hover{background-color:#000;color:#ef3053;border-color:#ef3053;transition:.25s}.bluebutton{background-color:#90d5ff;transition:.25s}.bluebutton:hover{background-color:#000;color:#90d5ff;border-color:#90d5ff;transition:.25s}.greenbutton{background-color:#66bb6a;transition:.25s}.greenbutton:hover{background-color:#000;color:#66bb6a;border-color:#66bb6a;transition:.25s}.column{width:100%;height:100%;flex:1;min-height:100px;border-radius:20px;background-color:#535bf2}.columns-container{display:flex;justify-content:center;align-items:center;gap:5%;justify-content:space-around}@keyframes pan{0%{background-position-x:0vw;background-position-y:0vw}to{background-position-x:200vw;background-position-y:200vw}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vibe{0%{transform:position(0,1);transform:scale(1)}50%{transform:position(0,2);transform:scale(1.01)}to{transform:position(0,1);transform:scale(1)}}@keyframes blink{0%{opacity:1}30%{opacity:0}to{opacity:1}}