:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}:root{--netflix-black: #141414;--netflix-white: #e5e5e5;--netflix-gray: #808080;--netflix-dark-gray: #303030;--netflix-red: #e50914}body{background-color:var(--netflix-black);color:var(--netflix-white);margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.App{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:2rem}.login-container{display:flex;justify-content:center;align-items:center;width:100%}.auth-form{background-color:#000000bf;padding:60px;border-radius:4px;display:flex;flex-direction:column;width:100%;max-width:330px}.auth-form h1{margin-bottom:28px}.auth-form input{background-color:var(--netflix-dark-gray);border:none;border-radius:4px;padding:16px 20px;margin-bottom:20px;color:var(--netflix-white);font-size:1rem}.auth-form button{background-color:var(--netflix-red);color:#fff;border:none;border-radius:4px;padding:16px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:24px}.profile-screen{width:100%;height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;width:100%;box-sizing:border-box}.navbar-logo{color:var(--netflix-red);font-size:2rem;font-weight:700}.navbar-button,.navbar-button-secondary{background-color:var(--netflix-red);color:#fff;border:none;padding:8px 17px;border-radius:3px;cursor:pointer;font-size:1rem;margin-left:15px}.navbar-button-secondary{background-color:#80808099}.profiles-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.profiles-container h1{font-size:3.5vw;font-weight:400;margin:.67em 0}.profiles-grid{display:flex;gap:2vw}.profile-tile{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:10vw;max-width:200px;min-width:80px}.profile-tile:hover>img{border-color:var(--netflix-white)}.profile-tile:hover>span{color:var(--netflix-white)}.profile-tile img{width:10vw;height:10vw;max-width:200px;max-height:200px;min-width:80px;min-height:80px;border-radius:4px;border:.3vw solid transparent;box-sizing:border-box;object-fit:cover}.profile-tile span{color:var(--netflix-gray);margin-top:.5em;font-size:1.3vw}.add-profile .add-icon{width:10vw;height:10vw;max-width:200px;max-height:200px;min-width:80px;min-height:80px;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:var(--netflix-dark-gray);font-size:5vw;color:var(--netflix-gray)}.add-profile:hover .add-icon{background-color:var(--netflix-white)}.create-profile-container{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%}.create-profile-container form{width:100%;max-width:800px}.create-profile-container h1{font-size:3.5rem;font-weight:700;border-bottom:1px solid var(--netflix-dark-gray);padding-bottom:.5rem;margin-bottom:0}.create-profile-container h2{font-size:1.2rem;font-weight:400;color:var(--netflix-gray);margin-top:.5rem}.form-body{display:flex;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--netflix-dark-gray)}.selected-avatar-preview{width:150px;height:150px;border-radius:4px}.avatar-selection{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-option img{width:60px;height:60px;border-radius:4px;cursor:pointer;border:3px solid transparent}.avatar-option.selected img{border-color:var(--netflix-white)}.name-input-section{flex-grow:1}.name-input-section input{width:100%;background-color:var(--netflix-dark-gray);border:1px solid var(--netflix-gray);padding:10px;color:var(--netflix-white);font-size:1.2rem}.form-actions button:disabled{background-color:var(--netflix-gray);color:var(--netflix-dark-gray);cursor:not-allowed}.create-profile-container{width:100%;max-width:950px;padding:2rem;flex-grow:1;display:flex;justify-content:center;align-items:flex-start}.create-profile-container form{width:100%}.create-profile-container h1{font-size:2.5rem}.create-profile-container h2{font-size:1rem;color:var(--netflix-gray);margin-bottom:2rem}.form-grid{display:flex;flex-wrap:wrap;gap:3rem;padding-bottom:2rem;border-bottom:1px solid var(--netflix-dark-gray)}.form-column{flex:1;min-width:300px;display:flex;flex-direction:column;gap:2rem}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}legend{font-size:1.2rem;font-weight:700;color:var(--netflix-white);margin-bottom:.5rem}.create-profile-container input[type=text],.create-profile-container input[type=tel],.create-profile-container input[type=email]{width:100%;background-color:var(--netflix-dark-gray);border:1px solid var(--netflix-gray);padding:12px;color:var(--netflix-white);font-size:1rem;border-radius:4px}.file-input-label{display:inline-block;padding:10px 15px;background-color:var(--netflix-gray);color:var(--netflix-white);border-radius:4px;cursor:pointer;text-align:center;width:150px}.file-input-label input[type=file]{display:none}.profile-picture-preview{width:150px;height:150px;border-radius:4px;object-fit:cover;margin-top:10px}.file-name-display{color:var(--netflix-gray);font-style:italic;margin-top:10px}.form-actions{padding-top:2rem;display:flex;gap:1rem}.profile-detail-container{width:100%;max-width:900px;padding:2rem 4rem;margin:2rem auto}.back-link{color:var(--netflix-gray);text-decoration:none;margin-bottom:2rem;display:inline-block}.back-link:hover{color:var(--netflix-white)}.profile-card{background-color:var(--netflix-dark-gray);border-radius:8px;overflow:hidden}.profile-card-header{display:flex;align-items:center;padding:2rem;background-color:#404040}.profile-card-header img{width:150px;height:150px;border-radius:50%;border:4px solid var(--netflix-black);object-fit:cover;margin-right:2rem}.profile-card-header-info h1{margin:0;font-size:2.5rem}.profile-card-header-info h2{margin:0;font-size:1.2rem;font-weight:400;color:var(--netflix-gray)}.profile-card-body{padding:2rem;line-height:1.8}.profile-card-body h3{border-bottom:1px solid #555;padding-bottom:.5rem;margin-top:1.5rem;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a.social-link-item{color:var(--netflix-white);background-color:#555;padding:8px 15px;border-radius:4px;text-decoration:none;transition:background-color .2s;text-transform:capitalize}.social-links a.social-link-item:hover{background-color:#666}.download-button{display:inline-block;background-color:var(--netflix-red);color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;margin-top:1rem}.edit-button{display:inline-block;background-color:#555;color:#fff;padding:8px 15px;border-radius:4px;text-decoration:none;font-weight:700;margin-top:1rem;transition:background-color .2s}.edit-button:hover{background-color:#666}.social-link-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.social-link-row select{padding:12px;background-color:var(--netflix-dark-gray);border:1px solid var(--netflix-gray);color:var(--netflix-white);border-radius:4px}.social-link-row input{flex-grow:1}.remove-button,.add-button{background-color:#555;color:#fff;border:none;cursor:pointer;border-radius:4px;font-weight:700;transition:background-color .2s}.remove-button{padding:5px 10px;font-size:1.2rem;line-height:1}.add-button{padding:10px 15px;margin-top:10px}.remove-button:hover,.add-button:hover{background-color:var(--netflix-red)}.input-with-error{flex-grow:1;position:relative}.input-error{border-color:var(--netflix-red)!important;background-color:#2b1c1c!important}.error-message{color:#ff9a9a;font-size:.8rem;position:absolute;bottom:-20px;left:0;white-space:nowrap}.social-link-row{padding-bottom:20px}.input-readonly{background-color:#222;color:var(--netflix-gray);cursor:not-allowed;border:1px solid #444;border-radius:4px;padding:12px;width:100%;box-sizing:border-box;font-size:1rem}.account-form-card fieldset{margin-bottom:2.5rem}.phone-input-container{position:relative;padding-bottom:20px}.PhoneInputInput{background-color:var(--netflix-dark-gray)!important;color:var(--netflix-white)!important;border:1px solid var(--netflix-gray)!important;border-radius:4px!important;padding:12px!important;font-size:1rem!important}.phone-input-container.input-error .PhoneInputInput{border-color:var(--netflix-red)!important}.form-field{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-field label{margin-bottom:.5rem;font-weight:700;font-size:.9rem;color:var(--netflix-gray)}.input-with-error{margin-bottom:0}.link-button{background:none;border:none;color:var(--netflix-gray);cursor:pointer;text-decoration:underline;padding:1rem 0;margin-top:1rem}.link-button:hover{color:var(--netflix-white)}.form-error-message{color:#ff9a9a;background-color:#dc354533;border:1px solid #dc3545;padding:1rem;margin-top:1.5rem;border-radius:4px;text-align:center}.success-message{color:#b8e9c3;background-color:#28a74533;border:1px solid #28a745;padding:1rem;margin-top:1.5rem;border-radius:4px;text-align:center}.auth-form label{margin-bottom:.5rem;font-weight:700;font-size:.9rem;color:var(--netflix-gray);display:block}