*{box-sizing:border-box;margin:0;padding:0}:where([class^=ri-]):before{content:""}@keyframes rgbText{0%{color:red}33%{color:#0f0}66%{color:#00f}to{color:red}}@keyframes float{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(10px)}to{transform:translateY(0)translate(0)}}body{color:#fff;background-color:#0a0a0a;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Consolas,monospace;display:flex;overflow:hidden}.title{text-shadow:0 0 10px #ffffff4d;margin:2rem 0;font-size:4rem;font-weight:700;animation:3s infinite rgbText}.main-content{align-items:flex-start;gap:2rem;width:100%;max-width:1400px;margin:0 auto 0 350px;display:flex}.terminal{z-index:1000;background-color:#000c;border:2px solid red;border-radius:5px;flex-direction:column;flex:1;min-height:300px;margin:4rem 0;padding:1.5rem;display:flex;position:relative;box-shadow:0 0 10px red}.music-player{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%);border:2px solid red;border-radius:15px;width:350px;margin-top:4rem;font-family:Consolas,monospace;overflow:hidden;box-shadow:0 0 20px #ff00004d}.player-header{text-align:center;background:linear-gradient(90deg,red,#f44);padding:1rem}.player-header h3{color:#fff;text-shadow:0 0 10px #ffffff80;margin:0;font-size:1.2rem}.player-content{padding:1.5rem}.current-track{margin-bottom:1.5rem}.track-info{margin-bottom:1rem}.track-title{color:#fff;margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.track-artist{color:#ccc;font-size:.9rem}.track-progress{margin-bottom:1rem}.progress-bar{background:#fff3;border-radius:3px;width:100%;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,red,#f44);width:0%;height:100%;transition:width .1s}.time-display{color:#ccc;justify-content:space-between;font-size:.8rem;display:flex}.player-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid red;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:.8rem;font-size:1.2rem;transition:all .3s;display:flex}.control-btn:hover{background:red;transform:scale(1.1)}.play-btn{width:60px;height:60px;font-size:1.5rem}.volume-control{color:#fff;align-items:center;gap:.5rem;display:flex}#volume-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:red;border-radius:50%;width:16px;height:16px}#volume-slider::-moz-range-thumb{cursor:pointer;background:red;border:none;border-radius:50%;width:16px;height:16px}.playlist{border-top:1px solid #ffffff1a}.playlist-header{color:#fff;background:#0000004d;padding:1rem;font-size:1rem;font-weight:700}.track-list{max-height:200px;overflow-y:auto}.track-item{color:#ccc;cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.8rem 1rem;transition:all .3s;display:flex}.track-item:hover{color:#fff;background:#ff00001a}.track-item.active{color:#fff;background:#f003;border-left:3px solid red}.track-item .track-number{color:#666;min-width:20px;font-size:.8rem}.track-item .track-name{flex:1;font-size:.9rem}.track-item .track-duration{color:#666;font-size:.8rem}.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-track{background:#ffffff1a}.track-list::-webkit-scrollbar-thumb{background:red;border-radius:3px}.track-list::-webkit-scrollbar-thumb:hover{background:#f44}.terminal-header{color:red;text-shadow:0 0 5px red;margin-bottom:1rem}.terminal-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:Consolas,monospace;font-size:1rem}.cursor{animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.social-links{gap:2rem;margin-top:auto;padding:2rem;display:flex}.social-button{color:#fff;background:#00000080;border:2px solid #333;border-radius:5px;padding:.8rem 2rem;text-decoration:none;transition:all .3s}.social-button:hover{background:#ffffff1a;transform:translateY(-2px)}.top-left{position:absolute;top:20px;left:20px}.skills{align-items:center;gap:1rem;display:flex}.skills img{object-fit:contain;filter:brightness(.8);width:40px;height:40px;transition:filter .3s}.skills img:hover{filter:brightness(1.2)}.text-3xl{font-size:2.5rem}.tetris-cell{background:#111;width:30px;height:30px;transition:background-color .3s}.tetris-cell.active{background:#4f46e5}.top-right{position:absolute;top:20px;right:20px}#bruteforce-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid red;padding:.5rem 1rem;font-family:Consolas,monospace}#contact-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #0f0;margin-bottom:10px;padding:.5rem 1rem;font-family:Consolas,monospace;transition:background-color .3s;position:fixed;bottom:70px;left:20px}#contact-btn:hover{background-color:#007000}#about-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid red;padding:.5rem 1rem;font-family:Consolas,monospace;transition:background-color .3s;position:fixed;bottom:20px;left:20px}#about-btn:hover{background-color:#700000}#laser-effect{pointer-events:none;z-index:-1;background:repeating-linear-gradient(45deg,#ff000080,#ff000080 2px,#0000 2px 4px);width:100%;height:100%;animation:1s linear infinite laserMove;position:absolute;top:0;left:0}#note{color:#000;white-space:pre-line;z-index:10;background:#ff8;border:1px solid #ccc;width:250px;max-width:280px;padding:10px;font-family:Consolas,monospace;position:fixed;top:100px;left:20px;transform:rotate(-1deg);box-shadow:2px 2px 5px #0000004d}#note .text{text-align:center;animation:3s infinite rgbText;transform:rotate(-1deg)}.visitor-counter{background-color:#000000b3;border:2px solid red;border-radius:5px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1rem;font-family:Consolas,monospace;display:flex;box-shadow:0 0 10px #ff000080}.counter-label{color:#0f0;font-size:.8rem;font-weight:700}.counter-value{color:#0f0;text-shadow:0 0 5px #00ff0080;font-size:1rem;font-weight:700}.counter-icon{color:red;font-size:1.2rem}.counter-text{color:#fff}#visitor-count{color:#0f0;margin-left:5px;font-weight:700}@keyframes laserMove{0%{background-position:100% 100%}to{background-position:0 0}}.terminal{z-index:1000;background-color:#000c;border:2px solid red;border-radius:5px;flex-direction:column;width:90%;max-width:1000px;min-height:300px;margin:4rem 0;padding:1.5rem;display:flex;position:relative;box-shadow:0 0 10px red}.terminal-header{color:red;text-shadow:0 0 5px red;cursor:move;align-items:center;margin-top:1rem;font-family:Consolas,monospace;font-size:1rem;display:flex}.terminal-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:200px;font-family:Consolas,monospace;font-size:1rem}#terminal-output{scrollbar-width:none;-ms-overflow-style:none;font-family:Consolas,monospace;line-height:1.4}#terminal-output::-webkit-scrollbar{display:none}#terminal-output div{margin-bottom:5px}.top-right button{color:#fff;cursor:pointer;background-color:#200000;border:2px solid red;margin-left:.5rem;padding:.5rem 1rem;font-family:Consolas,monospace;transition:background-color .2s}.top-right button:hover{background-color:#700000}.skills img{filter:none!important}body{overflow:auto!important}.bottom-left{flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}