.community-wrapper{min-height:100vh;width:100vw;background-color:#f3f2ef;overflow-x:hidden}.community-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.community-header{margin-bottom:30px;background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e1e5e9}.header-content{justify-content:space-between}.header-content,.profile-section{display:flex;align-items:flex-start;gap:30px}.profile-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #4caf50;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:32px;font-weight:600;margin:0 0 8px;color:#000;line-height:1.2}.profile-subtitle{font-size:18px;color:#666;margin:0 0 16px;font-weight:400}.profile-description{font-size:16px;line-height:1.5;color:#666;margin:0 0 24px;max-width:500px}.profile-stats{display:flex;gap:32px;font-size:16px}.profile-stats span{color:#000;font-weight:400}.profile-stats strong{font-weight:600}.post-creation-section{margin-bottom:30px}.post-creation-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e1e5e9}.post-input-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.post-input-button{flex:1 1;background:white;border:1px solid #d0d7de;border-radius:35px;padding:14px 20px;text-align:left;color:#666;font-size:16px;cursor:pointer;transition:all .2s ease;font-weight:400}.post-input-button:hover{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.post-actions-row{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid #e1e5e9}.post-action-btn{display:flex;align-items:center;gap:10px;background:none;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .2s ease}.post-action-btn:hover{background-color:#f3f2ef}.action-icon{width:20px;height:20px}.media-btn .action-icon{color:#378fe9}.video-btn .action-icon{color:#5f9b41}.article-btn .action-icon{color:#e16745}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:14px;gap:14px}.post-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e1e5e9;transition:all .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.post-header{padding:16px 20px;border-bottom:1px solid #f3f2ef;justify-content:space-between}.post-author,.post-header{display:flex;align-items:center}.post-author{gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:#4caf50;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;flex-shrink:0}.author-info h4{margin:0;font-size:16px;font-weight:600;color:#000;line-height:1.2}.post-time{margin:4px 0 0;font-size:14px;color:#666;font-weight:400}.post-content{padding:16px 20px}.post-content p{margin:0;line-height:1.5;color:#000;font-size:16px;font-weight:400}.post-image{cursor:pointer;overflow:hidden}.post-image img{width:100%;height:280px;object-fit:cover;transition:transform .3s ease}.post-image:hover img{transform:scale(1.02)}.post-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background-color:transparent;justify-content:center;text-align:center}.inspire-btn,.post-footer{display:flex;align-items:center}.inspire-btn{gap:8px;background:none;border:1px solid #4caf50;color:#4caf50;padding:10px 18px;border-radius:24px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.buttoninspire-wrapper{display:flex;justify-content:flex-end}.inspire-btn:hover{background:#4caf50;color:white;transform:translateY(-1px)}.inspire-btn.inspired{background:#4caf50;color:white;animation:pulse .6s ease-in-out}.inspire-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.inspire-animation span{position:absolute;font-size:20px;animation:float-up 2s ease-out forwards}.inspire-animation span:first-child{animation-delay:0s;left:-20px}.inspire-animation span:nth-child(2){animation-delay:.3s;left:0}.inspire-animation span:nth-child(3){animation-delay:.6s;left:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.linkedin-modal{background:white;border-radius:16px;width:100%;max-width:552px;max-height:90vh;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.2)}.linkedin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9}.modal-user-info{display:flex;align-items:center;gap:12px}.modal-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.modal-user-avatar img{width:100%;height:100%;object-fit:cover}.modal-user-details h3{margin:0;font-size:16px;font-weight:600;color:#000;line-height:1.2}.modal-user-details p{margin:4px 0 0;font-size:14px;color:#666;font-weight:400}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close-btn:hover{background-color:#f3f2ef}.modal-close-btn svg{width:20px;height:20px}.linkedin-modal-body{padding:4%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.name-input{width:95%;padding:12px 16px;border:1px solid #d0d7de;border-radius:8px;font-size:16px;margin-bottom:16px;box-sizing:border-box;font-family:inherit;transition:border-color .2s;background-color:#f6f8fa;color:#000000}.name-input:focus{outline:none;border-color:#4caf50}.content-textarea{width:95%;border:.5px solid #d0d7de;border-radius:8px;resize:none;font-size:18px;font-family:inherit;line-height:1.5;background-color:#f6f8fa;min-height:120px;padding:26px 16px;margin-bottom:10px;color:#000000;box-sizing:border-box}.content-textarea:focus{outline:none}.content-textarea::placeholder{font-weight:400}.image-preview{position:relative;margin-top:16px;border-radius:8px;overflow:hidden}.image-preview img{width:100%;max-height:300px;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:white;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background-color .2s}.remove-image-btn:hover{background:rgba(0,0,0,.8)}.linkedin-modal-footer{border-top:1px solid #e1e5e9;padding:16px 24px}.linkedin-modal-toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar-left{display:flex;gap:8px}.toolbar-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background-color:#f3f2ef}.toolbar-btn svg{width:20px;height:20px}.emoji-btn svg{color:#f5c842}.photo-btn svg{color:#378fe9}.calendar-btn svg{color:#e16745}.celebrate-btn svg{color:#f5c842}.more-btn svg{color:#666}.toolbar-right{display:flex;align-items:center;gap:12px}.schedule-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#666;transition:all .2s ease}.schedule-btn:hover{background-color:#f3f2ef}.schedule-btn svg{width:20px;height:20px}.post-btn{background:#0a66c2;color:white;border:none;padding:8px 24px;border-radius:24px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.post-btn:hover:not(:disabled){background:#004182}.post-btn:disabled{background:#ccc;cursor:not-allowed}.post-detail-modal{background:white;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;position:relative}.post-detail-content{height:600px;background:#000}.post-detail-content,.post-image-container{display:flex;align-items:center;justify-content:center}.post-image-container{width:100%;height:100%}.post-image-container img{max-width:100%;max-height:100%;object-fit:contain}.close-btn{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.6);color:white;border:none;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:10}.close-btn:hover{background:rgba(0,0,0,.8)}@media (max-width:768px){.community-container{padding:16px}.header-content,.profile-section{flex-direction:column;gap:20px}.profile-section{align-items:center;text-align:center}.profile-avatar{width:120px;height:120px}.profile-info h1{font-size:28px}.posts-grid{grid-template-columns:1fr;gap:16px}.post-actions-row{flex-direction:column;gap:8px}.post-action-btn{justify-content:center;padding:10px 16px}.linkedin-modal{max-width:95vw;margin:10px}.linkedin-modal-toolbar{flex-direction:column;gap:16px;align-items:stretch}.toolbar-right{justify-content:flex-end}}@media (max-width:480px){.profile-stats{gap:20px;justify-content:center;flex-wrap:wrap}.post-input-row{flex-direction:column;gap:12px;align-items:stretch}.user-avatar{align-self:center}.post-input-button{text-align:center}}