:root{--bg:#0a0a0a;--surface:#151515;--border:#2a2a2a;--text:#f1f1f1;--text-muted:#aaa;--accent:#1f8bff;--accent-2:#00d4ff;--radius:12px;--max-width:1700px;--gutter:clamp(20px, 4vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=640px){:root{--gutter:16px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}@keyframes popIn{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}::selection{background:var(--accent);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.banner{border:1px solid var(--border);aspect-ratio:6;background:linear-gradient(135deg,#0a4fff 0%,#1f8bff 55%,#00c6ff 100%);border-radius:16px;justify-content:center;align-items:center;margin-top:24px;animation:.9s cubic-bezier(.2,.7,.2,1) backwards bannerIn;display:flex;position:relative;overflow:hidden}.banner-image{object-fit:cover;width:100%;height:100%}.banner-fallback{font-size:clamp(28px,5vw,46px);font-weight:500}@keyframes bannerIn{0%{opacity:0;clip-path:inset(0 50% round 16px)}to{opacity:1;clip-path:inset(0 round 16px)}}.banner:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);animation:6s ease-in-out 2.2s infinite sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{0%{transform:translate(-100%)}30%,to{transform:translate(100%)}}.profile{align-items:flex-start;gap:32px;padding:32px 0 24px;display:flex}.avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:200px;height:200px}.avatar-fallback{background:var(--surface);justify-content:center;align-items:center;font-size:64px;font-weight:500;display:flex}.channel-name{letter-spacing:-.5px;margin-top:-.06em;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1}.channel-bio{max-width:620px;color:var(--text-muted);margin-top:16px;font-size:15px}.badges{flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;display:flex}.badges li{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:5px 12px;font-size:13px}.badges li.badge-available{align-items:center;gap:8px;display:inline-flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;position:relative}.status-dot:after{content:"";background:#22c55e;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}.hire-button{background:var(--text);color:#0a0a0a;border-radius:999px;margin-top:20px;padding:10px 28px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.hire-button:hover{background:#d4d4d4;transform:translateY(-1px)}.hire-button:active{transform:scale(.97)}.avatar{animation:.6s cubic-bezier(.2,.9,.3,1.2) .5s backwards popIn}.channel-name{animation:.6s .65s backwards popIn}.channel-bio{animation:.6s .75s backwards popIn}.badges{animation:.6s .9s backwards popIn}.hire-button{animation:.6s 1.05s backwards popIn}@media (width<=900px){.profile{gap:24px}.avatar{width:170px;height:170px}}@media (width<=700px){.banner{aspect-ratio:3}.profile{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px 0 16px}.avatar{width:140px;height:140px}.channel-name{margin-top:0}.channel-bio{margin-left:auto;margin-right:auto}.badges{justify-content:center}.hire-button{min-height:46px;padding:12px 36px}}.comments{margin-top:24px}.comment-input{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:14px;padding-bottom:12px;font-size:14px;display:flex}.comments-list{flex-direction:column;gap:26px;margin-top:28px;list-style:none;display:flex}.comment{gap:14px;display:flex}.comment-body{min-width:0}.comment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:500;display:flex}.comment-avatar-empty{background:var(--surface);border:1px solid var(--border)}.comment-handle{font-size:13px;font-weight:500}.comment-text{overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.5}.comment-actions{color:var(--text-muted);align-items:center;gap:18px;margin-top:8px;font-size:13px;display:flex}.comment-action{align-items:center;gap:6px;display:inline-flex}.comment-reply{border-radius:999px;padding:4px 12px;font-weight:500}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal-visible{opacity:1;transform:none}.featured{padding-top:8px;padding-bottom:48px}.featured-thumb{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;border-radius:16px;transition:transform .25s ease-out,border-color .25s;position:relative;overflow:hidden}.featured-thumb img{object-fit:cover;width:100%;height:100%}.featured-thumb:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff29, transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.featured-thumb:hover{border-color:#4a4a4a}.featured-thumb:hover:after{opacity:1}}.reveal-visible .featured-thumb{animation:1.1s cubic-bezier(.2,.7,.2,1) backwards featuredWipe}.reveal-visible .featured-thumb img{animation:1.6s cubic-bezier(.2,.7,.2,1) backwards featuredZoom}@keyframes featuredWipe{0%{clip-path:inset(0 0 100% round 16px)}to{clip-path:inset(0 round 16px)}}@keyframes featuredZoom{0%{transform:scale(1.18)}to{transform:none}}@media (width<=640px){.featured{padding-bottom:32px}.featured-thumb{border-radius:12px}}.category-bar{z-index:10;background:var(--bg);scrollbar-width:none;box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);gap:10px;padding:12px 0;display:flex;position:sticky;top:0;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .2s}.chip:hover{background:#262626}.chip:active{transform:scale(.96)}.chip-active,.chip-active:hover{background:var(--text);color:#0a0a0a;border-color:var(--text)}@media (width<=640px){.category-bar{margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter)}.chip{min-height:40px}}.thumb-card{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1));border-radius:12px;padding:0;transition:transform .2s ease-out,border-color .25s;display:block;position:relative;overflow:hidden}.thumb-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s}.thumb-card img.loaded{opacity:1}@media (hover:hover){.thumb-card:hover{--s:1.03;z-index:2;border-color:#4a4a4a}}.thumb-card:active{--s:.99}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s backdropIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;max-width:1100px;max-height:100%;animation:.25s modalIn;position:relative;overflow-y:auto}.modal-image{width:100%;height:auto;display:block}.modal-close{color:#fff;background:#0009;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:#000000d9}.modal-info{padding:18px 22px 22px}.modal-title{font-size:20px;font-weight:500}.modal-description{color:var(--text-muted);margin-top:6px;font-size:15px}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.modal-backdrop{padding:12px}.modal{border-radius:12px}.modal-close{width:36px;height:36px;top:8px;right:8px}}.portfolio{padding-bottom:40px;scroll-margin-top:20px}.category-block{margin-top:36px}.search-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.search-bar{border:1px solid var(--border);background:#121212;border-radius:999px;flex:1;align-items:stretch;max-width:620px;height:42px;font-size:15px;font-weight:400;display:flex;overflow:hidden}.search-text{flex:1;align-items:center;padding:0 18px;display:flex}.search-button{border-left:1px solid var(--border);width:64px;color:var(--text);background:#1c1c1c;justify-content:center;align-items:center;display:flex}.mic-button{width:42px;height:42px;color:var(--text);background:#1c1c1c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-typed{clip-path:inset(0 100% 0 0);display:inline-block}.reveal-visible .search-typed{animation:typing .9s steps(var(--chars)) .35s forwards}@keyframes typing{to{clip-path:inset(0)}}.search-text:after{content:"";background:var(--text);opacity:0;width:2px;height:1.1em;margin-left:3px}.reveal-visible .search-text:after{animation:1s step-end 1.25s 3 caret}@keyframes caret{0%{opacity:1}50%{opacity:0}}.thumb-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=900px){.thumb-grid{gap:12px}.category-block{margin-top:28px}}@media (width<=640px){.thumb-grid{grid-template-columns:1fr;gap:14px}.search-bar{max-width:none;height:40px;font-size:14px}.search-button{width:54px}.mic-button{width:40px;height:40px}}.contact{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding-top:72px;padding-bottom:40px;scroll-margin-top:20px}.contact-title{letter-spacing:-.5px;font-size:clamp(30px,5vw,44px);font-weight:500}.contact-text{max-width:520px;color:var(--text-muted);margin:12px auto 0;font-size:16px}.contact-list{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.contact-card{border:1px solid var(--border);background:var(--surface);min-width:230px;color:var(--text);text-align:left;border-radius:14px;flex-direction:column;gap:2px;padding:14px 22px;font-family:inherit;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.contact-card:hover{border-color:#4a4a4a;transform:translateY(-2px)}.contact-label{color:var(--text-muted);font-size:12px}.contact-value{overflow-wrap:anywhere;font-size:15px}.contact-cta{background:var(--text);color:#0a0a0a;border-radius:999px;margin-top:32px;padding:14px 44px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.contact-cta:hover{background:#d4d4d4;transform:translateY(-1px)}@media (width<=640px){.contact-card{width:100%}.contact-cta{text-align:center;width:100%}}.contact-cta:active{transform:scale(.97)}.contact-card:active{transform:scale(.99)}.footer{text-align:center;padding:40px 20px}.footer-copy{color:var(--text-muted);font-size:13px}