*,.postForm textarea,.postItem .postContent,.postForm textarea::placeholder,.profileCard h3,.profileCard p,.userName,.postTime,.postPrivacyBadge,.btn,.charCounter,.profileHeader h1,.profileHeader h2,.profileHeader p,.skillName,.portfolioContent h4,.portfolioContent p{font-feature-settings:"liga" 1,"kern" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;-moz-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;letter-spacing:-.01em;font-family:Cairo,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,Noto Sans Arabic,Tajawal,sans-serif;font-weight:400}.profileHeader h1{font-size:2.2rem;font-weight:700}.profileHeader h2{font-size:1.5rem;font-weight:600}.profileCard h3{font-size:1.2rem;font-weight:600}.skillName{font-size:1rem;font-weight:500}.portfolioContent h4{font-size:1.1rem;font-weight:600}.btn{font-size:.9rem;font-weight:500}.postForm textarea,.postItem .postContent,.postForm textarea::placeholder{font-feature-settings:"liga" 1,"kern" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;-moz-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,Noto Sans Arabic,Cairo,Tajawal,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif}.postForm textarea,.postItem .postContent{word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.postForm textarea{font-size:16px}.postItem .postContent{font-size:15px}.charCounter{text-align:left;color:#666;margin-top:.5rem;font-family:Cairo,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,Noto Sans Arabic,Tajawal,sans-serif;font-size:.9rem;font-weight:500}.profilePageRoot{--primary-color:indigo;--secondary-color:indigo;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--light-bg:#f8f9fa;--light-text:#333;--light-card:#fff;--light-border:#e0e0e0;--shadow:0 5px 20px #4b00821a}.mainContent{background-color:var(--light-bg);direction:rtl;min-height:100vh;padding-top:100px}.profileContainer{border-radius:25px;flex-direction:column;gap:2rem;width:90%;max-width:1200px;margin:0 auto;padding:0 15px;display:flex}.userTypeSelector{text-align:center;background:linear-gradient(135deg,indigo 0%,#764ba2 100%);border-radius:15px;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.selectorContent h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.userTypeButtons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.userTypeBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.userTypeBtn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.userTypeBtn.active{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.userTypeBtn i{font-size:1.2rem}.userTypeBtn span{font-size:1rem}.userTypeBtn small{opacity:.8;font-size:.8rem}.profileHeader{box-shadow:var(--shadow);background:#fff;border-radius:30px;margin-bottom:2rem;padding:0;overflow:hidden}.profileCover{background:linear-gradient(135deg,indigo 0%,#764ba2 100%);height:200px;position:relative;overflow:hidden}.profileAvatar{z-index:3;cursor:pointer;background:linear-gradient(135deg,indigo 0%,#764ba2 100%);border:5px solid #fff;border-radius:50%;width:120px;height:120px;margin:-40px auto 0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.avatarContainer{width:100%;height:100%;position:relative}.profileAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatarPlaceholder{background:linear-gradient(135deg,indigo 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatarPlaceholder i{color:#fff;font-size:44px}.avatarUploadBtn{color:#fff;cursor:pointer;z-index:4;background:linear-gradient(135deg,indigo 0%,#764ba2 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #4b00824d}@media (hover:hover){.avatarUploadBtn{opacity:0}.profileAvatar:hover .avatarUploadBtn{opacity:1}.avatarUploadBtn:hover{background:linear-gradient(135deg,#5a1a9a 0%,#8a4bc2 100%);transform:translate(-50%)scale(1.1);box-shadow:0 6px 20px #4b008266}}@media (hover:none){.avatarUploadBtn{opacity:0}.avatarUploadBtn:active{opacity:1;transform:translate(-50%)scale(.95)}}.avatarOverlay{opacity:0;color:#fff;background:#00000080;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.profileAvatar:hover .avatarOverlay{opacity:1}.avatarOverlay i{margin-bottom:.5rem;font-size:1.5rem}.avatarOverlay span{font-size:.8rem;font-weight:600}.avatarModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.avatarModal{z-index:1001;background:#fff;border-radius:16px;width:90%;max-width:400px;animation:.3s slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.avatarModalHeader{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.avatarModalHeader h3{color:#1a202c;margin:0;font-size:1.25rem;font-weight:600}.avatarModalClose{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;transition:all .2s;display:flex}.avatarModalClose:hover{color:#1a202c;background:#0000000d}.avatarModalContent{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.avatarModalOption{cursor:pointer;color:#1a202c;text-align:right;direction:rtl;background:#fff;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;transition:all .2s;display:flex}.avatarModalOption:hover{background:#4b00820d;border-color:#4b008233;transform:translate(-2px)}.avatarModalOption i{color:indigo;text-align:center;width:24px;font-size:1.25rem}.avatarModalOption.delete,.avatarModalOption.delete i{color:#e53e3e}.avatarModalOption.delete:hover{background:#e53e3e0d;border-color:#e53e3e33}.avatarModalOption span{flex:1}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profileInfo{text-align:center;z-index:2;padding:3rem 2rem 2rem;position:relative}.profileMainInfo{margin-bottom:25px}.profileName{color:#333;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}.userTypeBadge{border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #4b008226}.userTypeBadge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4b008240}.userTypeBadge i{font-size:.7rem}.userTypeBadge.freelancer{color:#fff;background:linear-gradient(135deg,indigo 0%,#764ba2 100%)}.userTypeBadge.client{color:#fff;background:linear-gradient(135deg,#1e7e34 0%,indigo 100%)}.profileRating{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.stars{gap:.2rem;display:flex}.stars i{cursor:pointer;font-size:1.2rem;transition:all .3s}.stars i:hover{transform:scale(1.2)}.stars i.fas{color:#ffc107}.stars i.far{color:#ddd}.ratingText{color:#666;font-size:.9rem}.rateBtn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;transition:all .3s}.rateBtn:hover{background:#3a0066;transform:translateY(-2px)}.verificationStatus{margin-bottom:1rem}.verificationBadge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;align-items:center;gap:6px;margin-left:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #10b9814d}.verificationBadge:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.verificationBadge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.verificationBadge:hover:before{left:100%}.verificationBadgeIcon{-webkit-margin-start:8px;vertical-align:middle;border-radius:50%;width:22px;height:22px;display:inline-block;box-shadow:0 0 0 2px #fff}.verificationBadgeIcon:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:8px}.verificationBadgeIcon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:8px}.verificationBadgeIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:8px}.verificationUpgradeBtn{background:var(--warning-color);color:#333;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s}.verificationUpgradeBtn:hover{background:#e0a800;transform:translateY(-2px)}.profileActions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.profileActions .btnSecondary{border-radius:50px}.profileContent{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.profileSidebar,.profileMain{flex-direction:column;gap:1.5rem;display:flex}.profileCard{box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.profileCard:hover{transform:translateY(-5px);box-shadow:0 15px 40px #4b008226}.cardHeader{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.cardHeader h3{color:#333;margin:0;font-size:1.2rem;font-weight:600}.editBtn{color:#e0e0e0;cursor:pointer;background:indigo;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;transition:all .3s}.editBtn:hover{background:#e0e0e0;transform:translateY(-2px)}.cardContent{color:#666;line-height:1.6}.contactItem{background:#f8f9fa;border-radius:10px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.contactItem:hover{background:#667eea0d;transform:translate(-5px)}.contactItem i{color:var(--primary-color);text-align:center;width:20px;font-size:1.2rem}.contactText{color:#333;flex:1;font-weight:500}.contactActions{opacity:0;gap:.5rem;transition:all .3s;display:flex}.contactItem:hover .contactActions{opacity:1}.actionBtn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:.5rem;font-size:.8rem;transition:all .3s;display:flex}.actionBtn:hover{transform:scale(1.1)}.actionBtn.callBtn{background:#28a745}.actionBtn.emailBtn{background:#dc3545}.actionBtn.whatsappBtn{background:#25d366}.actionBtn.telegramBtn{background:#08c}.actionBtn.linkedinBtn{background:#0077b5}.actionBtn.githubBtn{background:#333}.actionBtn.websiteBtn{background:#6f42c1}.actionBtn.discordBtn{background:#7289da}.actionBtn.copyBtn{background:#6c757d}.skillsList{flex-direction:column;gap:1.2rem;display:flex}.skillItem{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.skillItem:before{content:"";background:linear-gradient(90deg,#0000,#3a00661a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.skillItem:hover:before{left:100%}.skillItem:hover{border-color:#3a0066;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #3a006633}.skillInfo{z-index:1;flex:1}.skillName{color:#3a0066;text-shadow:0 1px 2px #3a00661a;margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.skillCategory{color:#6c757d;text-transform:capitalize;background:#3a00661a;border-radius:12px;padding:.2rem .6rem;font-size:.85rem;font-weight:500;display:inline-block}.skillLevel{z-index:1;align-items:center;gap:1.2rem;display:flex}.skillLevelBadge{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;min-width:70px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.skillLevelBadge:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.skillLevelBadge:hover:before{left:100%}.skillLevelBadge.beginner{background:#28a745}.skillLevelBadge.intermediate{background:#ffc107}.skillLevelBadge.advanced{background:#fd7e14}.skillLevelBadge.expert{background:#dc3545}.skillBar{background:linear-gradient(135deg,#e9ecef 0%,#f8f9fa 100%);border-radius:8px;width:140px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.skillBar:before{content:"";background:linear-gradient(45deg,#fff3 25%,#0000 25%,#0000 75%,#fff3 75%) 0 0/8px 8px;animation:2s linear infinite progressPattern;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes progressPattern{0%{background-position:0 0}to{background-position:8px 8px}}.skillBarFill{border-radius:8px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skillBarFill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s ease-in-out infinite shimmerBar;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmerBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skillTag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3a0066 0%,#4ecdc4 100%);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a00664d}.skillTag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.skillTag:hover:before{left:100%}.skillTag:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #3a006666}.skillTag button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:.2rem;transition:all .3s;display:flex}.skillTag button:hover{background:#fff3;transform:scale(1.1)}.statsGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.statItem{text-align:center;background:#f8f9fa;border-radius:10px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.statItem:hover{background:#667eea0d;transform:translateY(-2px)}.statNumber{color:#3a0066;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.statLabel{color:#666;font-size:.8rem;font-weight:500}.aboutSection{box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:2rem;position:relative;overflow:hidden}.aboutContent{margin-top:10px}.aboutIntro{margin-bottom:20px}.introText{color:#333;border-right:4px solid var(--primary-color);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;max-width:100%;padding:1.5rem;font-size:1rem;line-height:1.6}.introText p{word-break:break-word;overflow-wrap:break-word;max-width:100%;margin:0}.aboutInput{resize:none;word-wrap:break-word;overflow-wrap:break-word;background:#fff;border:1px solid #e9ecef;border-radius:8px;width:100%;min-height:100px;max-height:150px;padding:1rem;font-size:1rem;transition:all .3s;overflow-y:auto}.aboutInput:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;margin:0;padding:0;display:grid}.portfolioItem{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:20px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000014}.portfolioItem:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#3a006605 0%,#4ecdc405 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.portfolioItem:hover:before{opacity:1}.portfolioItem:hover{transform:translateY(-5px);box-shadow:0 15px 40px #3a006626}.portfolioImage{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);border-bottom:1px solid #0f172a0f;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.portfolioImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.portfolioItem:hover .portfolioImage img{transform:scale(1.08)}.portfolioImage i,.portfolioIcon{color:#475569;opacity:.9;transition:transform .3s,color .3s;font-size:2.5rem!important}.portfolioItem:hover .portfolioImage i,.portfolioItem:hover .portfolioIcon{color:#3a0066;opacity:1;transform:scale(1.1)}.portfolioImage:before{content:"";background:radial-gradient(circle at 30% 30%,#3a006614,#3a006600 60%);border-radius:16px;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolioOverlay{opacity:0;z-index:3;background:linear-gradient(135deg,#3a0066e6 0%,#4ecdc4e6 100%);justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.portfolioItem:hover .portfolioOverlay{opacity:1}.viewBtn{color:#3a0066;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:none;border-radius:30px;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #ffffff4d}.viewBtn:before{content:"";background:linear-gradient(90deg,#0000,#3a00661a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.viewBtn:hover:before{left:100%}.viewBtn:hover{color:#4ecdc4;transform:scale(1.05);box-shadow:0 12px 35px #fff6}.portfolioContent{padding:1.5rem}.portfolioContent h4{color:#3a0066;word-wrap:break-word;margin-bottom:.75rem;font-size:1.2rem;font-weight:700;line-height:1.4}.portfolioContent h4:after{content:"";background:#3a0066;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.portfolioItem:hover .portfolioContent h4:after{width:100%}.portfolioContent p{color:#6c757d;word-wrap:break-word;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.portfolioActions{opacity:1;gap:.8rem;margin-bottom:1.5rem;transition:all .3s;display:flex}.portfolioActionBtn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3a0066 0%,#4ecdc4 100%);border:none;border-radius:25px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a00664d}.portfolioActionBtn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.portfolioActionBtn:hover:before{left:100%}.portfolioActionBtn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #3a006666}.portfolioActionBtn.edit{background:linear-gradient(135deg,#ffc107 0%,#fd7e14 100%)}.portfolioActionBtn.delete{background:linear-gradient(135deg,#dc3545 0%,#e74c3c 100%)}.portfolioActionBtn.view{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.portfolioStats{gap:1.5rem;display:flex}.portfolioStats .statItem{color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ecef;border-radius:25px;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.portfolioStats .statItem:hover{color:#fff;background:linear-gradient(135deg,#3a0066 0%,#4ecdc4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3a00664d}.portfolioStats .statItem i{color:#3a0066;font-size:1.1rem}.portfolioStats .statItem:hover i{color:#fff}.portfolioTags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tag{color:#fff;text-transform:uppercase;letter-spacing:.3px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,indigo 0%,#764ba2 100%);border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a00664d}.tag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.tag:hover:before{left:100%}.addBtn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:25px;align-items:center;gap:.5rem;margin:2rem auto 0;padding:.8rem 2rem;font-weight:600;transition:all .3s;display:flex}.addBtn:hover{background:#3a0066;transform:translateY(-2px)}.postItem{box-shadow:var(--shadow);background:#fff;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.postItem:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4b008226}.postHeader{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.postUserInfo{align-items:center;gap:.5rem;display:flex}.postAvatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.postAvatar:hover{transform:scale(1.1)}.postDetails h5{color:#333;margin:0;font-size:1rem;font-weight:600}.postTime{color:#666;font-size:.8rem}.postPrivacy{color:#666;margin-left:auto;font-size:.8rem}.postContent p{color:#333;margin-bottom:1rem;line-height:1.6}.postImage{border-radius:10px;margin:1rem 0;position:relative;overflow:hidden}.postImage img{width:100%;height:auto;transition:all .3s}.postImage:hover img{transform:scale(1.02)}.postActions{border-top:1px solid #e9ecef;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.actionBtn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.actionBtn:hover{color:var(--primary-color);background:#667eea1a;transform:translateY(-2px)}.actionBtn.liked{color:#e74c3c}.actionBtn.commentActive{color:var(--primary-color)}.actionBtn.shareActive{color:var(--success-color)}.commentsSection{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.commentItem{background:#f8f9fa;border-radius:10px;gap:.5rem;margin-bottom:.5rem;padding:.5rem;transition:all .3s;display:flex}.commentItem:hover{background:#667eea0d}.commentAvatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:600;display:flex}.commentContent h6{color:#333;margin:0 0 .2rem;font-size:.9rem;font-weight:600}.commentContent p{color:#666;margin:0;font-size:.8rem}.commentInput{gap:.5rem;margin-top:1rem;display:flex}.commentInput input{border:1px solid #e9ecef;border-radius:20px;flex:1;padding:.5rem;font-size:.9rem;transition:all .3s}.commentInput input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #667eea1a}.commentInput button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;transition:all .3s}.commentInput button:hover{background:#3a0066;transform:translateY(-2px)}.shareOptions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem;display:grid}.shareOption{cursor:pointer;text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.shareOption:hover{background:#667eea0d;transform:translateY(-2px);box-shadow:0 5px 15px #4b00821a}.shareOption i{color:var(--primary-color);margin-bottom:.5rem;font-size:1.5rem;transition:all .3s}.shareOption:hover i{transform:scale(1.1)}.shareOption span{color:#666;font-size:.8rem;font-weight:500}.postForm{box-shadow:var(--shadow);background:#fff;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.formGroup{margin-bottom:20px}.formGroup label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.formGroup input,.formGroup textarea,.formGroup select{background:#fff;border:1px solid #e9ecef;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:all .3s}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.charCounter{text-align:left;color:#666;margin-top:.5rem;font-size:.8rem}.charCounter.warning{color:var(--warning-color)}.charCounter.danger{color:var(--danger-color)}.btn{color:#fff;cursor:pointer;background:#e5484d;border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btnPrimary{background:indigo;border-radius:50px}.btnPrimary:hover{background:#e9ecef;transform:translateY(-2px)}.btnSecondary{background:#6c757d;border-radius:10px}.btnSecondary:hover{background:#5a6268;transform:translateY(-2px)}.btnWarning{color:#000;background:#ffc107;border-radius:25px;padding:10px 24px;font-weight:600}.btnWarning:hover{background:#e0a800;transform:translateY(-2px)}.btnSuccess{background:var(--success-color)}.btnSuccess:hover{background:#1e7e34;transform:translateY(-2px)}.btnSm{padding:.5rem 1rem;font-size:.8rem}.modal{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.show{justify-content:center;align-items:center;display:flex}.modalContent{background-color:#fff;border-radius:15px;width:90%;max-width:600px;max-height:90vh;margin:5% auto;padding:0;animation:.3s modalSlideIn;position:relative;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modalHeader{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modalHeader h3{color:#333;margin:0;font-size:1.3rem;font-weight:600}.closeModal{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:all .3s}.closeModal:hover{color:#333;background:#f8f9fa}.modalBody{padding:2rem}.modalFooter{border-top:1px solid #e9ecef;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.verificationSteps{flex-direction:column;gap:1rem;display:flex}.step{background:#f8f9fa;border-radius:10px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.step.active{border:2px solid var(--primary-color);background:#667eea1a}.stepNumber{color:#666;background:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:1rem;font-weight:600;transition:all .3s;display:flex}.step.active .stepNumber{background:var(--primary-color);color:#fff}.stepContent h4{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.stepContent p{color:#666;line-height:1.5}.uploadArea{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #e9ecef;border-radius:10px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.uploadArea:hover{border-color:var(--primary-color);background:#667eea0d}.uploadArea.dragover{border-color:var(--primary-color);background:#667eea1a}.uploadContent i{color:var(--primary-color);margin-bottom:1rem;font-size:2rem}.uploadContent h5{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.uploadContent p{color:#666;font-size:.9rem}.skillInputContainer{gap:.5rem;margin-bottom:1rem;display:flex}.skillInputContainer input{flex:1}.skillInputContainer select{width:120px}.addSkillBtn{color:#fff;cursor:pointer;background:#1e7e34;border:none;border-radius:8px;padding:.8rem 1rem;transition:all .3s}.addSkillBtn:hover{background:#1e7e34;transform:translateY(-2px)}.currentSkills{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.contactPreferences{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.contactPreferences h4{color:#333;margin-bottom:1rem;font-size:1rem;font-weight:600}.preferenceItem{margin-bottom:12px}.preferenceLabel{cursor:pointer;color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.preferenceLabel input[type=radio]{display:none}.radioCustom{border:2px solid #ddd;border-radius:50%;width:16px;height:16px;transition:all .3s;position:relative}.preferenceLabel input[type=radio]:checked+.radioCustom{border-color:var(--primary-color)}.preferenceLabel input[type=radio]:checked+.radioCustom:after{content:"";background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.availabilityInfo{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.availabilityInfo h5{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.availabilityGrid{gap:.5rem;display:grid}.availabilityItem{background:#667eea0d;border-radius:5px;justify-content:space-between;padding:.5rem;font-size:.8rem;display:flex}.availabilityItem .day{color:#333;font-weight:600}.availabilityItem .time{color:#666}.quickContactActions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.quickActionBtn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:25px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.quickActionBtn:hover{background:#3a0066;transform:translateY(-2px);box-shadow:0 5px 15px #4b00824d}.notification{z-index:2000;border-left:4px solid var(--success-color);background:#fff;border-radius:10px;max-width:400px;padding:1rem;animation:.3s slideInRight;display:none;position:fixed;top:100px;right:20px;box-shadow:0 10px 30px #0003}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.show{display:flex}.notificationSuccess{border-left-color:var(--success-color)}.notificationError{border-left-color:var(--danger-color)}.notificationWarning{border-left-color:var(--warning-color)}.notificationInfo{border-left-color:var(--primary-color)}.notificationContent{align-items:center;gap:1rem;display:flex}.notificationMessage{color:#333;font-weight:500}.notificationClose{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s}.notificationClose:hover{color:#333;background:#f8f9fa}@media (max-width:1024px){.portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.portfolioImage{height:180px}.portfolioImage i,.portfolioIcon{font-size:2.25rem!important}.portfolioContent{padding:1.25rem}}@media (max-width:768px){.profileContent{grid-template-columns:1fr}.profileRating{flex-direction:column;gap:.5rem}.verificationStatus{text-align:center}.profileActions{flex-direction:column;align-items:center}.statsGrid{grid-template-columns:1fr}.portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.portfolioItem{border-radius:16px}.portfolioImage{height:160px}.portfolioImage i,.portfolioIcon{font-size:2rem!important}.portfolioContent{padding:1rem}.portfolioContent h4{font-size:1.1rem}.portfolioContent p{font-size:.9rem}.tag{padding:.35rem .7rem;font-size:.7rem}.avatarUploadBtn{width:40px;height:40px;font-size:1.2rem;bottom:30px;left:50%;transform:translate(-50%)}.uploadContent i{font-size:2rem}.modalContent{width:95%;margin:2% auto}.userTypeButtons{flex-direction:column;align-items:center}.userTypeBtn{width:100%;max-width:300px}.quickContactActions{flex-direction:column}.quickActionBtn{width:100%}.contactActions{flex-wrap:wrap}.actionBtn{padding:.4rem .8rem;font-size:.8rem}.skillInputContainer{flex-direction:column}.skillInputContainer select{width:100%}.modalFooter{flex-direction:column}.modalFooter .btn{justify-content:center;width:100%}}@media (max-width:480px){.container{padding:0 15px}.profileHeader,.profileCard{padding:20px}.profileAvatar{width:100px;height:100px}.avatarUploadBtn{width:40px;height:40px;font-size:1.2rem;bottom:30px;left:50%;transform:translate(-50%)}.profileName{font-size:1.5rem}.portfolioGrid{grid-template-columns:1fr;gap:1rem}.portfolioItem{border-radius:12px}.portfolioImage{height:140px}.portfolioImage i,.portfolioIcon{font-size:1.75rem!important}.portfolioImage:before{width:60px;height:60px}.portfolioContent{padding:.875rem}.portfolioContent h4{margin-bottom:.5rem;font-size:1rem}.portfolioContent p{margin-bottom:.75rem;font-size:.85rem}.tag{padding:.35rem .7rem;font-size:.7rem}.contactItem{text-align:center;flex-direction:column}.contactActions{justify-content:center}}.fadeIn{opacity:0;animation:.6s forwards fadeIn;transform:translateY(20px)}.slideIn{opacity:0;animation:.5s forwards slideIn;transform:translate(-20px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.btnLoading{opacity:.7;cursor:not-allowed}.btnLoading i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.actionBtn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.quickActionBtn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.profileCard,.postItem,.contactItem{border:2px solid #333}.btn,.actionBtn{border:2px solid}}@media (prefers-reduced-motion:reduce){.fadeIn,.slideIn,.modalSlideIn,.slideInRight,.btnLoading i{animation:none}}.shareModalContent{max-width:600px}.profileSharePreview{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.sharePreviewAvatar{border:3px solid #3a0066;border-radius:50%;width:60px;height:60px;overflow:hidden}.sharePreviewAvatar img{object-fit:cover;width:100%;height:100%}.sharePreviewAvatar .avatarPlaceholder{color:#fff;background:linear-gradient(135deg,#3a0066 0%,#4ecdc4 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.sharePreviewInfo h4{color:#3a0066;margin:0 0 .3rem;font-size:1.2rem;font-weight:700}.sharePreviewInfo p{color:#6c757d;margin:0 0 .2rem;font-size:.9rem}.sharePreviewInfo small{color:#3a0066;font-size:.8rem;font-weight:600}.shareUrlSection{margin-bottom:1.5rem}.shareUrlSection label{color:#3a0066;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.urlInputGroup{gap:.5rem;display:flex}.urlInput{color:#6c757d;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1;padding:.8rem;font-size:.9rem}.copyBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3a0066 0%,#4ecdc4 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:80px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.copyBtn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3a00664d}.copyBtn.copied{background:linear-gradient(135deg,#28a745 0%,#20c997 100%)}.shareOptions h4{color:#3a0066;margin:0 0 1rem;font-size:1.1rem;font-weight:700}.shareButtons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.shareBtn{cursor:pointer;color:inherit;background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.shareBtn:hover{border-color:#3a0066;transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.shareBtn i{margin-bottom:.3rem;font-size:1.5rem}.shareBtn span{color:#6c757d;font-size:.85rem;font-weight:600}.shareBtn.whatsapp:hover{color:#fff;background:#25d366}.shareBtn.whatsapp:hover span{color:#fff}.shareBtn.facebook:hover{color:#fff;background:#1877f2}.shareBtn.facebook:hover span{color:#fff}.shareBtn.twitter:hover{color:#fff;background:#1da1f2}.shareBtn.twitter:hover span{color:#fff}.shareBtn.linkedin:hover{color:#fff;background:#0077b5}.shareBtn.linkedin:hover span{color:#fff}.shareBtn.telegram:hover{color:#fff;background:#08c}.shareBtn.telegram:hover span{color:#fff}.logoutSection{text-align:center;border-top:1px solid var(--light-border);margin-top:3rem;padding:2rem}.logoutBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;border-radius:30px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.logoutBtn:hover{background:linear-gradient(135deg,#c82333 0%,#bd2130 100%);transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.logoutBtn i{font-size:1.1rem}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-danger:hover{background:linear-gradient(135deg,#c82333 0%,#bd2130 100%);transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.btn-secondary{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.logoutSection{padding:1.5rem}.logoutBtn{justify-content:center;width:100%}}