@import url("https://fonts.cdnfonts.com/css/retron2000");.profile-viewer-container{position:relative;min-height:100vh;background-color:#333333;color:#ffffff;isolation:isolate}.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-color:#333333}.animated-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,#546355 1px,transparent 2px);background-size:60px 60px;animation:gridMove 10s linear infinite;opacity:.2}@keyframes gridMove{0%{background-position:0 0}to{background-position:40px 40px}}.profile-header{background-color:#333333;padding:0 32px 0 24px;height:56px;display:flex;align-items:center;gap:40px}.logo-container{cursor:pointer;transition:opacity .3s}.logo-container:hover{opacity:.8}.logo-text{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#ffffff;letter-spacing:2px}.nav-menu{display:flex;gap:36px;margin-right:auto}.nav-link{color:#ffffff;text-decoration:none;font-size:16px;letter-spacing:.5px;transition:color .3s}.nav-link:hover{color:#67755b}.auth-buttons{display:flex;gap:16px}.btn-login{border:1px solid #fff;background:transparent;color:#fff;padding:4px 16px;text-decoration:none;font-size:16px;transition:all .3s}.btn-login:hover{background:rgba(255,255,255,.1)}.btn-signup{background:#fff;color:#212121;padding:4px 16px;text-decoration:none;font-size:18px;font-weight:500;transition:all .3s}.btn-signup:hover{background:#e0e0e0}.divider-line{border-bottom:1.5px dotted #888;width:100%}.search-section{position:fixed;top:57px;left:0;right:0;bottom:0;z-index:1;max-width:800px;margin:0 auto;padding:0 24px 15vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.search-title{font-family:Retron2000,Inter,sans-serif;font-size:40px;font-weight:400;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.filter-tabs{display:flex;gap:0;margin-bottom:16px;justify-content:center;overflow:hidden}.filter-tab{display:flex;align-items:center;gap:8px;background:#3c3c3c;color:#fff;border:1px solid #4d4d4d;margin-right:-1px;padding:8px 16px;height:40px;cursor:pointer;font-family:Retron2000,Inter,sans-serif;font-size:14px;font-weight:400;letter-spacing:.24px;text-transform:uppercase;transition:all .2s}.filter-tab:last-child{margin-right:0}.filter-tab:hover{background:#4e59456b;color:#fff}.filter-tab.active{background:#4e5945;border-color:#67755b;color:#fff}.filter-tab.icon-only{gap:0;justify-content:center;min-width:48px}.search-form-group{display:flex;gap:7px;margin-bottom:20px;width:100%;overflow:hidden}.search-input{flex:1;padding:16px;height:60px;font-size:14px;border:.5px solid #657359;background-color:#2d2d2d;color:#ffffff}.search-input::placeholder{color:#999}.search-input:focus,.search-input:hover{background-color:#333}.search-input:focus{outline:none}.search-button{background:#67755b;color:white;padding:0;border:1px solid #4d4d4d;cursor:pointer;font-size:16px;font-weight:500;white-space:nowrap;display:flex;align-items:stretch;height:59px}.search-button-icon{width:55px;height:53px;background:#4e5945;margin:2px;flex-shrink:0}.search-button-icon,.search-button-label{display:flex;align-items:center;justify-content:center}.search-button-label{padding:10px 16px;min-width:120px}.search-button:hover{background:#738a67}.search-button:hover .search-button-icon{background:#5a6650}.examples-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.examples-label{font-size:16px;color:#fff;white-space:nowrap}.example-pill{background:#3b3b3b;color:#ccc;border:none;padding:8px 16px;border-radius:24px;height:40px;cursor:pointer;font-size:16px;transition:all .2s}.example-pill:hover{background:rgba(103,117,91,.3);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;margin:32px 0}.loader{display:inline-block;position:relative;width:40px;height:40px}.loader div{position:absolute;top:16px;width:8px;height:8px;border-radius:50%;background:#67755b;animation-timing-function:cubic-bezier(0,1,1,0)}.loader div:first-child{left:4px;animation:loader1 .6s infinite}.loader div:nth-child(2){left:4px;animation:loader2 .6s infinite}.loader div:nth-child(3){left:16px;animation:loader2 .6s infinite}.loader div:nth-child(4){left:28px;animation:loader3 .6s infinite}@keyframes loader1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loader2{0%{transform:translate(0)}to{transform:translate(12px)}}@keyframes loader3{0%{transform:scale(1)}to{transform:scale(0)}}.loading-text{color:#67755b;margin-top:16px;font-size:14px}.error-message{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#f87171;padding:12px 16px;margin:16px 0}.demo-note{color:#888;font-size:14px;text-align:center;margin-top:32px}.back-button{background:none;border:none;color:#999;cursor:pointer;font-size:14px;margin-bottom:24px;padding:0;transition:color .2s}.back-button:hover{color:#fff}.profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3a3a3a;color:#888;font-size:48px;font-weight:500}.search-button:disabled{opacity:.5;cursor:not-allowed}.profile-content{position:relative;z-index:1;max-width:2000px;margin:60px auto;padding:0 40px}.profile-header-section{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:40px;background-color:#2a2a2a;margin-bottom:32px}.profile-image-wrapper{width:140px;height:140px;background:#3a3a3a;border-radius:4px;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:36px;margin-bottom:12px;font-weight:400}.profile-title{font-size:18px;color:#ccc;margin-bottom:8px}.profile-location{font-size:15px;color:#999}.join-card{background:linear-gradient(90deg,var(--color-green-green-700,#4c5643) 0,#333 100%);padding:16px 24px;border-radius:16px;text-align:left;min-width:280px;max-width:320px;border:none;box-shadow:none;position:relative;display:flex;flex-direction:column;gap:6px}.join-card-header{display:flex;align-items:center;gap:16px}.join-card-header img{width:28px;height:28px;flex-shrink:0;filter:none}.join-card h2{font-family:Retron2000,Orbitron,monospace;font-size:18px;font-weight:400;margin:0;letter-spacing:.3px;color:#fff;line-height:1.2}.join-card-text{font-size:12px;color:#d0d0d0;line-height:1.4;margin:0;padding-left:0;font-family:Inter,sans-serif}.join-card a{color:#fff;text-decoration:underline;font-weight:400;transition:opacity .2s}.join-card a:hover{opacity:.8}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:4px}.main-sections{display:flex;flex-direction:column;gap:4px}.sections-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.section-card,.section-card-full{background:linear-gradient(135deg,#2a2a2a 40%,#252525);padding:32px;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05);border-radius:0;position:relative}.section-card-full:before,.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#67755b,transparent);opacity:.5}.section-card-full{grid-column:1/-1}.section-header{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:20px;padding-bottom:16px}.section-header h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.arrow{font-size:10px;color:#666;transition:transform .3s}.arrow.open{transform:rotate(90deg)}.section-content{display:flex;flex-direction:column;gap:20px}.experience-item{display:flex;gap:16px;padding-bottom:20px;border-bottom:1px solid #222}.experience-item:last-child{border-bottom:none;padding-bottom:0}.company-logo{width:44px;height:44px;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:16px}.experience-item h4{font-size:15px;font-weight:500;margin-bottom:6px;line-height:1.4}.experience-item .company{font-size:13px;color:#999;margin-bottom:4px}.experience-item .duration{font-size:12px;color:#666}.sidebar{display:flex;flex-direction:column}.contacts-card{background:linear-gradient(135deg,#2a2a2a,#252525);padding:32px;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);border-radius:0;position:relative;margin-bottom:16px}.contacts-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#67755b,transparent);opacity:.5}.contacts-card h3{font-size:18px;font-weight:600;margin-bottom:24px}.contact-section{margin-bottom:28px}.contact-section-title{font-size:13px;font-weight:600;color:#999;margin-bottom:12px;text-transform:none;letter-spacing:.5px}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;color:#ccc}.contact-item.dim{color:#666;font-style:italic}.follower-badge{font-size:12px;color:#999;margin-top:8px;text-align:center}.profile-occupation{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.profile-summary{font-size:14px;line-height:1.6;color:#fff;margin-top:12px;max-width:600px}.profile-summary button{background:none;border:none;color:#67755b;cursor:pointer;text-decoration:underline;padding:0;margin-left:4px;font-size:14px}.profile-summary button:hover{color:#7a8a6a}.social-card{background:#282828;border:1px solid #4d4d4d;margin-bottom:16px;padding:16px 20px 20px}.social-card h3{font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;color:#fff}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:12px}.social-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border-radius:6px;color:#ccc;text-decoration:none;border:1px solid #4d4d4d}.social-badge:hover{background:#67755b;color:#fff;border-color:#67755b}.skills-card{background:#282828;border:1px solid #4d4d4d;padding:20px;margin-bottom:20px}.skills-card h3{font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;color:#fff}.skills-cloud{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#2a2a2a;color:#ccc;padding:6px 12px;border-radius:4px;font-size:13px;border:1px solid #4d4d4d}.skill-tag:hover{background:#444;border-color:#67755b}.empty-state{color:#666;font-style:italic;font-size:14px}.experience-item.highlighted{background:#343633;border-left:3px solid #67755b;padding-left:12px;margin-left:-2px;padding-top:8px;padding-bottom:8px}.company-logo img{width:100%;height:100%;border-radius:4px;object-fit:contain;background:#fff;padding:2px}.exp-details{flex:1}.exp-description{font-size:13px;color:#e6e6e6;margin-top:8px;line-height:1.5}.exp-location{font-size:13px;color:#e6e6e6;margin-top:4px}.media-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #222}.media-item:last-child{border-bottom:none}.media-type-badge{background:#67755b;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;height:fit-content}.media-details{flex:1}.media-details h4{margin-bottom:4px;font-size:15px;font-weight:500}.media-link{color:#67755b;text-decoration:none;font-size:13px;display:inline-block;margin-top:8px}.media-link:hover{text-decoration:underline}.subsection-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:16px 0 12px;font-weight:600}.finance-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #222}.finance-item:last-child{border-bottom:none}.finance-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:6px;flex-shrink:0}.finance-item h5{margin-bottom:4px;font-size:15px;font-weight:500}.finance-item p{font-size:13px;color:#999}.show-more-btn{background:transparent;border:1px solid #2a2a2a;color:#ccc;padding:8px 16px;margin-top:16px;cursor:pointer;border-radius:4px;transition:all .2s;font-size:14px;width:100%}.show-more-btn:hover{background:#1a1a1a;border-color:#67755b;color:#fff}@media (max-width:1200px){.profile-header-section{grid-template-columns:1fr;gap:24px;text-align:center}.profile-image-wrapper{margin:0 auto}.content-grid,.sections-row{grid-template-columns:1fr}}@media (max-width:768px){.profile-header{flex-wrap:wrap;height:auto;padding:16px}.nav-menu{order:3;width:100%;justify-content:center;margin-top:16px}.search-section{padding:24px}.search-form-group{flex-direction:column}.profile-content{padding:0 24px;margin:40px auto}.profile-header-section{padding:24px}}