@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a0a0a0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--accent:#ef4444;--accent-hover:#f87171}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}#root{width:100%;height:100%;overflow-y:auto}.video-background{object-fit:cover;z-index:-1;opacity:.4;filter:brightness(.6);width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative}.profile-container{text-align:center;margin-bottom:2.5rem;animation:1s ease-out fadeInDown}.profile-avatar{border:3px solid var(--accent);object-fit:cover;border-radius:50%;width:120px;height:120px;margin-bottom:1rem;animation:2s infinite pulse;box-shadow:0 0 20px #ef444480}.profile-name{background:linear-gradient(90deg,#fff,#f87171);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.profile-bio{color:var(--text-secondary);font-size:1.1rem;font-weight:300}.links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;width:100%;max-width:900px;animation:1s ease-out .2s both fadeInUp;display:grid}.link-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:var(--glass-shadow);border-radius:16px;align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.link-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.link-card:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px #ef44444d}.link-card:hover:before{left:100%}.link-icon-wrapper{width:48px;height:48px;color:var(--text-primary);background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.link-card:hover .link-icon-wrapper{background:var(--accent);color:#fff;transform:rotate(5deg)scale(1.1)}.link-content{flex-direction:column;flex-grow:1;display:flex}.link-title{letter-spacing:.5px;font-size:1.1rem;font-weight:600}.link-subtitle{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem}.link-arrow{color:var(--text-secondary);transition:transform .3s}.link-card:hover .link-arrow{color:var(--accent);transform:translate(5px)}.audio-control-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.audio-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;width:50px;height:50px;box-shadow:var(--glass-shadow);z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.audio-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.volume-slider-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);opacity:0;visibility:hidden;width:40px;height:0;box-shadow:var(--glass-shadow);border-radius:20px;justify-content:center;align-items:center;margin-bottom:10px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;transform:translateY(20px)}.audio-control-container:hover .volume-slider-container{opacity:1;visibility:visible;height:120px;transform:translateY(0)}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:90px;height:4px;transform:rotate(-90deg)}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 0 5px #00000080}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}@media (width<=600px){.links-grid{grid-template-columns:1fr}.profile-name{font-size:2rem}.app-container{padding:2rem 1rem}}.enter-overlay{z-index:9999;cursor:pointer;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.enter-text{letter-spacing:2px;color:var(--text-primary);text-transform:uppercase;font-size:1.5rem;font-weight:600;animation:2s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1;text-shadow:0 0 10px #ffffff80}50%{opacity:.5;text-shadow:0 0 #fff0}}.colorful-theme{--accent:#f0f;--accent-hover:#0ff}.colorful-theme .profile-avatar{background:linear-gradient(var(--bg-color), var(--bg-color)) padding-box, linear-gradient(to right, red, #ff7f00, #ff0, #0f0, #00f, indigo, #9400d3) border-box;border-color:#0000;box-shadow:0 0 20px #ff00ff80}.colorful-theme .profile-name{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s linear infinite rainbow-bg}.colorful-theme .link-card:hover{background:linear-gradient(var(--glass-bg), var(--glass-bg)) padding-box, linear-gradient(to right, red, #ff7f00, #ff0, #0f0, #00f, indigo, #9400d3) border-box;border-color:#0000;box-shadow:0 10px 30px #ff00ff4d}.colorful-theme .link-card:hover .link-icon-wrapper{color:#fff;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3) 0 0/200%;animation:2s linear infinite rainbow-bg}@keyframes rainbow-bg{0%{background-position:0%}to{background-position:200%}}.nav-arrow{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:60px;height:60px;color:var(--text-primary);z-index:100;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{border-color:var(--accent);color:var(--accent);background:#ffffff1a;box-shadow:0 0 20px #ef44444d}.nav-arrow-left{left:2rem}.nav-arrow-left:hover{transform:translateY(-50%)translate(-5px)}.nav-arrow-right{right:2rem}.nav-arrow-right:hover{transform:translateY(-50%)translate(5px)}@media (width<=900px){.nav-arrow{width:50px;height:50px}.nav-arrow-left{left:1rem}.nav-arrow-right{right:1rem}}