*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url(https://cdn-images-1.medium.com/v2/resize:fit:918/1*U3WRRwLx3zeDkHmIVGLJdw.gif);background-repeat:no-repeat;background-size:cover;background-position:bottom;background-attachment:fixed;opacity:.4;z-index:-2}body:after{content:"";position:fixed;inset:0;background-color:#fdd67333;z-index:-1}header{display:flex;align-items:center;justify-content:space-between;margin:2rem}nav{display:flex;align-items:center}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:1rem}nav ul li a{text-decoration:none;padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer}nav ul li a.active{background-color:#000;color:#fff;border-color:#fdd673}.disabled-link{background-color:#ccc;cursor:not-allowed}nav button{padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-left:1rem}nav button:hover{background-color:#ffb700}h2{text-align:center;margin:2rem}.swal-bar{background-color:#fdd673}.swal-button{padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.swal-button:hover{background-color:#ffb700}.swal-header{background-color:#fdd673}.swal-loading{border-top-color:#fdd673;border-bottom-color:#fdd673}.swal-popup{font-family:Arial,Helvetica,sans-serif;border-radius:8px;background-color:#f9f9f9;padding:1.5rem;border:1px solid #ddd;max-width:300px}.swal-popup--success{box-shadow:0 0 10px 10px #00ff001a}.swal-popup--error{box-shadow:0 0 10px 10px #ff00001a}.swal2-radio{display:grid!important;flex-direction:column;background-color:#f9f9f9!important;margin:10}.swal2-radio label{padding:.5rem}.swal-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:2rem auto;padding:1.5rem;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.auth-form label{font-weight:500}.auth-form input{padding:.5rem;border:1px solid #ccc;border-radius:5px;transition:border-color .2s ease}.auth-form input:focus{border-color:#333;outline:none}.auth-form button{padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.auth-form button:hover{background-color:#ffb700}.auth-form button:disabled{background-color:#ccc;cursor:not-allowed}.auth-form .password-field,.auth-form .registration-field{display:flex;flex-direction:column;gap:1rem;animation:fadeIn 1s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-section{margin:50px 170px;padding:40px 10px;box-sizing:border-box;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(45deg,#c48c39a5,#7b401e);gap:2rem}.profile-section .card{position:relative;width:500px;height:230px;background:#fff;border-radius:20px;box-shadow:0 35px 80px #00000026;transition:.5s}.profile-section .card:hover{height:500px}.profile-section .imgBx{position:absolute;left:50%;top:-150px;transform:translate(-50%);width:200px;height:200px;background:#fff;border-radius:20px;box-shadow:0 15px 50px #00000059;overflow:hidden;transition:.5s}.profile-section .card:hover .imgBx{width:200px;height:200px}.profile-section .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.hide-file-input{display:none}.clickable-avatar{cursor:pointer;border-radius:50%;width:120px;height:120px;object-fit:cover;transition:.3s ease}.clickable-avatar:hover{opacity:.8}.profile-section .content{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.profile-section .content .details{padding:200px 120px;text-align:center;width:100%;transition:.5s;transform:translateY(180px)}.profile-section .card:hover .content .details{transform:translateY(0)}.profile-section .content .details h2{font-size:1.25rem;font-weight:600;color:#555;line-height:.3rem}.profile-section .content .details h2 span{font-size:.75rem;font-weight:500;opacity:.5}.profile-section .content .details .data{display:flex;justify-content:space-between;margin:20px 0;gap:1rem;flex-wrap:wrap}.profile-section .content .details .data h3{font-size:1em;color:#555;line-height:1.2em;font-weight:600}.profile-section .content .details .data h3 span{font-size:.85rem;font-weight:400;opacity:.5}.profile-section .content .details .actionBtn{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.profile-section .content .details .actionBtn button:hover{background:#ff3b7d}.profile-section .content .details .actionBtn button:nth-child(2){border:1px solid #999;background:#999}.button{padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#ffb700}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem}h2,h3{text-align:center;margin:1rem 0}.video-wrapper{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:2rem auto;max-width:1200px}.video-box{width:500px;height:350px;border:2px solid #fdd673;border-radius:8px;background-color:#000;box-shadow:0 0 10px #0009;display:flex;overflow:hidden}video{width:100%;height:100%;object-fit:cover;display:block}.video-controls{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.video-controls input{padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}button{padding:.6rem 1.2rem;border:1px solid black;border-radius:6px;background-color:#fdd673;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#ffb700}.chat-box{max-width:800px;margin:2rem auto;border:2px solid #fdd673;border-radius:8px;background-color:#fff;padding:1rem;box-shadow:0 0 10px #0000001a}.chat-messages{max-height:300px;overflow-y:auto;margin-bottom:1rem}.chat-message{padding:.5rem 0;border-bottom:1px solid #eee}.chat-form{display:flex;flex-direction:column;gap:.5rem}.chat-form textarea{resize:none;height:80px;padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc}