.bio-frame-background{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:50%}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bio-frame-container{position:relative;z-index:1;width:500px;height:400px;display:flex;justify-content:center;align-items:center}.glassmorphism-box{width:100%;height:100%;border-radius:15px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;padding:10px}.top-banner{width:100%;height:35%;background:hsla(0,0%,100%,.1);border-radius:15px 15px 0 0}.profile-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px}.profile-picture{width:120px;height:120px;background-size:cover;background-position:50%;border-radius:50%;margin-top:-80px}.username{margin-top:10px;font-size:20px;font-weight:600;color:#fff}.description{margin-top:5px;font-size:13px;color:#cacaca;text-align:center}span{filter:blur(.5px)}.links-section{margin-top:auto;padding:10px;display:flex;justify-content:center;gap:10px;width:100%}.link-button{display:flex;align-items:center;padding:10px 20px;border-radius:5px;background:hsla(0,0%,100%,.2);color:#fff;text-decoration:none;transition:background .3s ease;font-size:15px}.link-button:hover{background:hsla(0,0%,100%,.3)}.link-name{margin-left:5px}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;opacity:1;transition:opacity .5s ease}.overlay.fade-out{opacity:0;pointer-events:none}.overlay-text{font-size:24px;color:#fff;animation:glow 1.5s infinite}@keyframes glow{0%,to{text-shadow:0 0 10px #fff}50%{text-shadow:0 0 20px #fff}}.notification{animation:slideDown .5s forwards,slideUp .5s 9.5s forwards}@keyframes slideDown{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}@keyframes slideUp{0%{top:20px;opacity:1}to{top:-100px;opacity:0}}@media (max-width:600px){.bio-frame-container{width:90%;height:auto}.glassmorphism-box{padding:20px}.top-banner{height:30%}.profile-picture{width:100px;height:100px;margin-top:-60px}.username{font-size:18px}.description{font-size:12px;filter:blur(.5px)}.links-section{align-items:center;gap:5px}.link-button{padding:8px 15px;font-size:14px}}