.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;width:80%;max-width:600px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.close-button{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;border-radius:50%;padding:5px 10px;cursor:pointer}.image-gallery{display:flex;flex-wrap:wrap;gap:10px}.gallery-image{width:100px;height:auto;-o-object-fit:cover;object-fit:cover}.headerText{font-size:22px;font-family:Arial,sans-serif;font-weight:600;color:#1c2434;letter-spacing:.02em}.profile-page .headerText{position:relative;padding-left:12px}.profile-page .headerText:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:#462f8e}.profile-divider{border:none;height:1px;margin:1.25rem auto;background:linear-gradient(90deg,transparent,rgba(70,47,142,.2) 20%,rgba(70,47,142,.2) 80%,transparent)}.profile-stat-link{color:#462f8e;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .2s,opacity .2s}.profile-stat-link:hover{opacity:.85}.profile-edit-link{color:#462f8e;transition:color .2s,opacity .2s}.profile-edit-link:hover{color:#3a2675}.profile-label{color:#374151}.profile-value{color:#1c2434}.dark .headerText{color:#f1f5f9}.dark .profile-page .headerText:before{background:linear-gradient(180deg,#a78bfa,#7c5fd4);box-shadow:0 0 12px rgba(167,139,250,.45)}.dark .profile-page{box-shadow:0 4px 24px rgba(0,0,0,.35)}.dark .profile-page .profile-sidebar{background:linear-gradient(165deg,#352560,#2a2240 45%,#24303f);border-right:1px solid rgba(167,139,250,.12)}.dark .profile-page .profile-sidebar-card{background:transparent}.dark .profile-page .profile-sidebar .profile-pic-container{box-shadow:0 0 0 3px rgba(167,139,250,.25),0 8px 32px rgba(0,0,0,.4)}.dark .profile-page .profile-content{background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark .profile-page .profile-hero{border-bottom:1px solid rgba(46,58,71,.8);padding-bottom:1rem;margin-bottom:.5rem}.dark .profile-page .font-medium,.dark .profile-page .profile-value{color:#cbd5e1}.dark .profile-page .profile-label{color:#94a3b8}.dark .profile-page .profile-edit-link{color:#c4b5fd}.dark .profile-page .profile-edit-link:hover{color:#e9d5ff}.dark .profile-page .profile-stat-link{color:#c4b5fd}.dark .profile-page .profile-stat-link:hover{color:#e9d5ff}.dark .profile-page .profile-summary-box{background:linear-gradient(145deg,#2d3748,#263040);border:1px solid rgba(167,139,250,.15);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.dark .profile-page .profile-divider{background:linear-gradient(90deg,transparent,rgba(167,139,250,.25) 25%,rgba(167,139,250,.25) 75%,transparent);opacity:1}.dark .profile-page .profile-dropdown{background:#24303f;border:1px solid #3d4d60;box-shadow:0 12px 40px rgba(0,0,0,.45);color:#dee4ee}.dark .profile-page .profile-dropdown li{color:#dee4ee;padding:.5rem 1rem;transition:background .15s}.dark .profile-page .profile-dropdown li:hover{background:rgba(167,139,250,.12)}.dark .profile-page .skill-badge{background:rgba(70,47,142,.45);color:#e9d5ff;border:1px solid rgba(167,139,250,.35);box-shadow:0 2px 8px rgba(0,0,0,.2)}.dark .profile-page .profile-muted-text{color:#94a3b8}.dark .profile-page .profile-muted-text a{color:#c4b5fd}.dark .profile-page .profile-muted-text a:hover{color:#e9d5ff}.dark .profile-page .profile-verified{color:#6ee7b7}@media (max-width:768px){.modal{width:95%;padding:10px;max-width:98vw}.image-gallery{gap:5px}.gallery-image{width:70px}.headerText{font-size:18px}.profile-pic-container{margin-top:.5px}}@media (max-width:480px){.modal{width:100vw;max-width:100vw;padding:5px}.gallery-image{width:50px}.headerText{font-size:16px}}