:root{--purple:#5b21b6;--purple-light:#7c3aed;--purple-pale:#ede9fe;--purple-mid:#a78bfa;--bg:#f5f4f7;--surface:#fff;--profile-border:#00000014;--text:#1a1a2e;--profile-muted:#6b7280;--hint:#9ca3af;--profile-radius:10px;--profile-radius-lg:14px}.loader{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(0deg,#00000080 30%,#0000 0 70%,#000 0),linear-gradient(90deg,#00000040 30%,#0000 0 70%,#000000bf 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:40px;animation:1s steps(12,end) infinite l23;display:grid}.loader:before,.loader:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}.main{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.profile-card{background:var(--surface);border:.5px solid var(--profile-border);border-radius:var(--profile-radius-lg);overflow:hidden}.banner{background:linear-gradient(135deg,#2e1065 0%,#4c1d95 40%,#6d28d9 75%,#7c3aed 100%);flex-direction:column;justify-content:center;min-height:170px;padding:22px 22px 22px 185px;display:flex;position:relative;overflow:hidden}.banner:before{content:"";border:1px solid #ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-40px;right:-40px}.banner:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:40px}.profile-photo{background:linear-gradient(160deg,#c4b5fd,#8b5cf6);border-radius:10px;width:152px;height:162px;position:absolute;top:5px;left:18px;overflow:hidden;box-shadow:0 4px 20px #00000040}.profile-photo img{object-fit:cover;width:100%;height:100%}.photo-placeholder{background:linear-gradient(160deg,#c4b5fd 0%,#7c3aed 100%);justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.photo-placeholder svg{opacity:.55;width:110px}.banner-name{color:#fff;z-index:1;margin-bottom:3px;font-size:16px;font-weight:600;position:relative}.banner-role{color:#c4b5fd;z-index:1;margin-bottom:10px;font-size:12.5px;position:relative}.banner-tagline{color:#fff;z-index:1;margin-bottom:14px;font-family:DM Serif Display,serif;font-size:20px;line-height:1.28;position:relative}.banner-stats{z-index:1;gap:22px;display:flex;position:relative}.banner-stats span{color:#ddd6fe;font-size:13px}.banner-stats strong{color:#fff;font-weight:500}.profile-actions{border-bottom:.5px solid var(--profile-border);align-items:center;gap:10px;padding:12px 18px;display:flex}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:7px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--purple-light)}.btn-outline{color:var(--purple);border:1.5px solid var(--purple);cursor:pointer;background:0 0;border-radius:999px;padding:6px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.btn-outline:hover{background:var(--purple-pale)}.tabs{display:flex}.tab{text-align:center;color:var(--profile-muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:11px 0;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab.active{color:var(--purple);border-bottom-color:var(--purple)}.tab:hover:not(.active){color:var(--text)}.content-row{grid-template-columns:1fr 270px;gap:14px;display:grid}.card{background:var(--surface);border:.5px solid var(--profile-border);border-radius:var(--profile-radius-lg);padding:16px 18px}.card-title{color:var(--text);margin-bottom:14px;font-size:14px;font-weight:600}.video-thumb{aspect-ratio:16/9;border-radius:var(--profile-radius);cursor:pointer;background:#0f0c1a;width:100%;margin-bottom:14px;position:relative;overflow:hidden}.video-bg{background:linear-gradient(135deg,#7c2d12 0%,#991b1b 45%,#1c1917 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-figure{opacity:.7;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.play-btn{cursor:pointer;z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn:hover{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.play-btn:after{content:"";border-left:16px solid var(--purple);border-top:10px solid #0000;border-bottom:10px solid #0000;margin-left:4px}.desc{color:var(--profile-muted);margin-bottom:10px;font-size:12.5px;line-height:1.6}.exp-item{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.exp-item:last-child{margin-bottom:0}.exp-logo{border:.5px solid var(--profile-border);text-align:center;color:#92400e;background:#fef3c7;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:8px;font-weight:700;line-height:1.2;display:flex}.exp-logo.empty{background:var(--bg);color:var(--hint)}.exp-role{flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;font-weight:500;line-height:1.3;display:flex}.exp-meta{color:var(--profile-muted);margin-top:2px;font-size:11px;line-height:1.5}.badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.badge-ft{color:#15803d;background:#dcfce7}.badge-ct{color:#a16207;background:#fef9c3}.badge-pt{color:#1d4ed8;background:#dbeafe}.skills-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.skill-item{border:.5px solid var(--profile-border);border-radius:var(--profile-radius);color:var(--profile-muted);cursor:default;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;font-size:11px;transition:border-color .15s,background .15s;display:flex}.skill-item:hover{border-color:var(--purple-mid);background:var(--purple-pale);color:var(--purple)}.skill-icon{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex}.pagination{gap:5px;margin-top:4px;display:flex}.dot{background:var(--profile-border);cursor:pointer;border-radius:999px;height:4px;transition:background .15s,width .2s}.dot.active{background:var(--purple);width:20px!important}.dot:not(.active){width:8px}