@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Fira Code,monospace;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #fafafa;--text-secondary: #e2e2e2;--background-color: #0a0a0a;--container-color: transparent;--border-color: #1b1b1b}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{font-family:inherit}a:hover{text-decoration:none}.typewriter-container{display:flex;justify-content:center;align-items:center;text-align:center;min-height:2.5rem;max-width:300px;margin:0 auto}.typewriter-text{font-size:inherit;line-height:inherit;font-family:inherit}.typewriter-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.social-links-container{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:center;align-items:center}.social-link-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:#fff;text-decoration:none;transition:.3s;cursor:pointer}.social-link-button:hover{transform:scale(1.15);filter:drop-shadow(0 0 8px currentColor)}.social-icon{display:flex;align-items:center;justify-content:center;animation:social-icon-glow 2s ease-in-out infinite}@keyframes social-icon-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.9))}}.social-name{display:none}.volume-control{position:fixed;top:30px;left:30px;display:flex;align-items:center;gap:12px;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:50px;transition:all .3s ease}.volume-control:hover{background:#000000d9}.volume-icon-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease}.volume-icon-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.volume-slider-container{display:flex;align-items:center;gap:10px;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.volume-slider-container.visible{opacity:1;width:100px}.volume-slider{width:100px;height:6px;-webkit-appearance:none;appearance:none;border-radius:10px;outline:none;cursor:pointer;transition:height .2s ease}.volume-slider:hover{height:8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 0 5px #ffffff80}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #fffc}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 0 5px #ffffff80}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #fffc}@media(max-width:768px){.volume-control{top:20px;left:20px;padding:10px 14px}.volume-slider-container.visible,.volume-slider{width:80px}.volume-icon-btn svg{width:20px;height:20px}}.profile-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:#000;perspective:1000px}.profile-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.background-video{width:100%;height:100%;object-fit:cover}.background-placeholder{width:100%;height:100%;background:#000}.profile-card{max-width:500px;width:100%;position:relative;z-index:1;will-change:transform;transform-origin:center center}.profile-card:not(.unfolded) .profile-content{opacity:0;transform:perspective(1500px) rotateY(90deg) scale(.5);transform-origin:center center}.profile-card.unfolded .profile-content{animation:unfold 1s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes unfold{0%{opacity:0;transform:perspective(1500px) rotateY(90deg) scale(.5)}40%{opacity:.6}70%{transform:perspective(1500px) rotateY(-5deg) scale(1.05)}to{opacity:1;transform:perspective(1500px) rotateY(0) scale(1)}}.profile-content{width:100%;padding:2.5rem 2rem;background:transparent}.profile-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.avatar-container{position:relative;width:120px;height:120px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:none;object-fit:cover;box-shadow:0 5px 20px #00000080}.avatar-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;pointer-events:none;z-index:1}.profile-username{font-size:32px;font-weight:600;margin:0}.rainbow-gradient{background:linear-gradient(45deg,red,#ff7f00,#ff0,#c8ff12,#0f0,#00d9ff,#0091ff,#00f,indigo,#9400d3,red);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-cycle 5s linear infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}@keyframes rainbow-cycle{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-bio{margin:25px 0;font-size:15px;font-weight:900;line-height:1.4;color:#e2e2e2;min-height:2rem;text-align:center}.profile-footer{margin:15px 0 30px;padding:0;border:none;font-size:16px;color:#fff;text-align:center}.location{display:inline-flex;align-items:center;font-weight:700;gap:8px}.location-icon{animation:icon-glow 2s ease-in-out infinite}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}}.enter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.enter-content{text-align:center}.enter-title{font-size:48px;font-weight:600;color:#fff;margin-bottom:20px}.enter-subtitle{font-size:18px;color:#ffffffb3;text-transform:lowercase}@media(max-width:768px){.profile-content{padding:2rem 1.5rem}.profile-username{font-size:1.5rem}.avatar-container,.profile-avatar{width:100px;height:100px}.avatar-decoration{width:120px;height:120px}.profile-card{transform:none!important}.enter-title{font-size:36px}.enter-subtitle{font-size:16px}}#root{width:100%;min-height:100vh;margin:0;padding:0}