@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--netflix-bg: #141414;--netflix-red: #E50914;--netflix-text: #fff;--netflix-gray: #808080;--profile-hover-border: #fff}body{background-color:var(--netflix-bg);color:var(--netflix-text);font-family:Inter,sans-serif;height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.profile-gate-container{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .8s ease-out}.gate-label{font-size:3.5rem;font-weight:500;margin-bottom:2rem;letter-spacing:-.05rem}.profiles-container{display:flex;gap:2rem;margin-bottom:3rem}.profile-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease-in-out}.profile-card:hover{transform:scale(1.1)}.profile-card:hover .avatar-wrapper{border-color:var(--profile-hover-border)}.profile-card:hover .profile-name{color:#fff}.avatar-wrapper{width:10vw;height:10vw;min-width:150px;min-height:150px;max-width:200px;max-height:200px;border-radius:4px;background-color:#333;background-size:cover;background-position:center;border:3px solid transparent;margin-bottom:1rem;transition:border-color .2s;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.avatar-newspaper{background:linear-gradient(135deg,#fdfbf7,#e8e4dc);position:relative}.avatar-newspaper:after{content:"A";font-family:Playfair Display,serif;font-size:5rem;font-weight:900;color:#000}.avatar-coder{background:#000;position:relative}.avatar-coder:after{content:">_";font-family:Space Mono,monospace;font-size:4rem;font-weight:700;color:#39ff14;text-shadow:0 0 10px #39ff14}.profile-name{font-size:1.2rem;color:var(--netflix-gray);transition:color .2s;text-align:center}.manage-btn{border:1px solid var(--netflix-gray);color:var(--netflix-gray);background:transparent;padding:.5rem 1.5rem;font-size:1.2vw;text-transform:uppercase;letter-spacing:2px;cursor:pointer;margin-top:2rem;transition:all .2s}.manage-btn:hover{border-color:#fff;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.gate-label{font-size:2rem}.profiles-container{flex-direction:column;gap:2rem}.avatar-wrapper{width:150px;height:150px}.manage-btn{font-size:1rem}}@media(max-width:380px){.gate-label{font-size:1.5rem}.avatar-wrapper{width:120px;height:120px;min-width:120px;min-height:120px}}