.site-header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border)}.header-main{height:80px;gap:22px}.logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:24px;font-weight:750;letter-spacing:-1.15px;color:var(--heading)}.logo img{width:36px;height:36px}.logo b{font-weight:750}.logo .domain{font-weight:450;color:var(--muted)}.header-search{position:relative;max-width:350px;flex:1;margin-left:25px}.header-search input{height:43px;min-height:43px!important;background:var(--background)!important;border:0!important;padding-left:42px!important;font-size:13px}.header-search .icon{position:absolute;left:14px;top:12px;color:var(--muted)}.header-actions{margin-left:auto;gap:8px}.location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);margin-right:8px}.header-icon{position:relative}.notification-dot{width:6px;height:6px;background:var(--danger);border-radius:100%;position:absolute;right:9px;top:9px;border:1px solid var(--surface)}.header-profile{border:1px solid var(--border);width:36px;height:36px;margin:0 6px}.header-add{margin-left:6px;min-width:130px}.header-nav{border-top:1px solid var(--border);height:49px}.header-nav .container{height:100%;display:flex;align-items:center;gap:30px}.header-nav a{font-size:13px;font-weight:500;color:var(--text)}.header-nav a:hover,.header-nav a.active{color:var(--primary)}.header-nav .nav-categories{display:flex;gap:9px;align-items:center;padding-right:25px;border-right:1px solid var(--border)}.nav-end{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.nav-end .icon{width:15px;height:15px;color:#16803d}.mobile-only,.bottom-nav{display:none}.hero{background:var(--surface);border:1px solid var(--border);border-radius:22px;margin-top:26px;padding:44px 46px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:600;margin-bottom:16px}.hero-eyebrow .icon{width:16px;height:16px}.hero h1{font-size:44px;line-height:1.18;letter-spacing:-2.2px;max-width:600px}.hero h1 span{color:var(--primary)}.hero-copy>p{margin-top:15px;max-width:420px;font-size:14px;line-height:1.7;color:var(--muted)}.hero-search{display:flex;align-items:center;margin-top:26px;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 10px #18284806;border-radius:12px;padding:5px;gap:8px;max-width:540px}.hero-search>.icon{color:var(--muted);margin-left:10px}.hero-search input{border:0!important;padding:8px 0!important;min-height:42px!important;outline:none!important;font-size:13px}.hero-search .btn{padding:11px 22px}.hero-trending{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:13px;color:var(--muted)}.hero-trending a{background:var(--background);border-radius:5px;padding:3px 8px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:230px}.hero-halo{position:absolute;width:330px;height:330px;border-radius:50%;background:#eef4ff;right:-10px;top:-4px}.hero-halo:after{content:'';position:absolute;inset:30px;border:1px dashed #c9dbfa;border-radius:50%}.hero-feature{width:245px;border-radius:17px;background:var(--surface);box-shadow:0 16px 35px #213c6e12;border:6px solid var(--surface);transform:rotate(5deg);position:relative;margin:6px 30px 0 0}.hero-feature img{height:135px;width:100%;border-radius:12px;object-fit:cover}.hero-feature .hero-feature-body{padding:13px 10px}.hero-feature h3{font-size:15px;margin:5px 0}.hero-float{position:absolute;background:var(--surface);border:1px solid var(--border);box-shadow:0 7px 25px #193c6410;border-radius:13px;padding:12px 16px;display:flex;gap:10px;align-items:center;z-index:2}.hero-float.top{left:0;top:0;transform:rotate(-4deg)}.hero-float.bottom{right:-6px;bottom:0;transform:rotate(-3deg)}.hero-float .bubble{width:35px;height:35px;border-radius:10px;background:var(--soft-green);color:#16803d;display:grid;place-items:center}.hero-float .small{font-size:11px}.hero-float .strong{font-size:12px}.hero-mini-avatars{display:flex;margin-top:20px;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.hero-mini-avatars .avatars{display:flex;padding-left:0}.hero-mini-avatars .avatar{width:25px;height:25px;border:2px solid var(--surface);margin-left:-6px;font-size:10px}.hero-mini-avatars .avatar:first-child{margin-left:0}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.action-card{display:flex;align-items:center;gap:14px;padding:21px 19px;border:1px solid transparent;border-radius:14px;transition:transform .15s}.action-card:hover{transform:translateY(-3px)}.action-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.action-card h3{font-size:15px;letter-spacing:-.02em}.action-card p{font-size:12px;margin-top:3px}.action-card.sell{background:var(--soft-green);border-color:#dcf2e4;color:#17803d}.action-card.sell .action-icon{background:#22c55e20;color:#169a49}.action-card.wanted{background:var(--soft-blue);border-color:#dfebfd;color:var(--primary)}.action-card.wanted .action-icon{background:#0b63f616}.action-card.service{background:var(--soft-orange);border-color:#fce8d5;color:#cb6a1c}.action-card.service .action-icon{background:#f9731618}.action-card.need-master{background:var(--soft-purple);border-color:#eadffc;color:#8252cc}.action-card.need-master .action-icon{background:#8b5cf619}.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.category-item{background:var(--surface);border:1px solid var(--border);border-radius:13px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 7px;gap:12px;transition:border-color .2s}.category-item:hover{border-color:var(--primary-light)}.category-item .icon{width:27px;height:27px;color:#536477;stroke-width:1.4}.category-item span{font-size:12px;font-weight:500;color:var(--heading)}.listing-card{position:relative;transition:transform .18s,box-shadow .18s}.listing-card:hover{transform:translateY(-4px);box-shadow:0 7px 22px #172a4810}.listing-image{position:relative;height:180px;background:var(--border);overflow:hidden}.listing-image>a{display:block;height:100%}.listing-image img{width:100%;height:100%;transition:transform .3s}.listing-card:hover img{transform:scale(1.035)}.listing-image>.badge{position:absolute;top:12px;left:12px;z-index:1;background:var(--surface)}.favorite{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:#ffffffeb;color:#5b6776;display:grid;place-items:center}.favorite .icon{width:17px;height:17px}.favorite.active{color:#ed5262}.favorite.active svg{fill:#ed5262}.listing-body{padding:16px}.listing-body h3{font-size:14px;font-weight:550;margin:8px 0 12px;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listing-body .price{font-size:20px}.listing-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.listing-meta .icon{width:13px;height:13px}.listing-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:11px}.listing-bottom .row{gap:4px}.listing-bottom .icon{width:13px;height:13px}.premium-flag{position:absolute;bottom:10px;right:10px;padding:4px 7px;border-radius:6px;background:#fff9e9;color:#ac7b1c;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600}.premium-flag .icon{width:12px;height:12px}.request-card{padding:23px;display:flex;flex-direction:column;gap:15px}.request-card h3{font-size:18px;line-height:1.45}.request-card .btn{margin-top:auto}.request-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--soft-blue);color:var(--primary)}.request-card.purple .request-icon{background:var(--soft-purple);color:var(--need-master)}.master-card{padding:24px}.master-card .master-top{display:flex;gap:13px;align-items:center;margin-bottom:16px}.master-card h3{font-size:15px;line-height:1.5}.verified{display:inline-flex;color:var(--primary);vertical-align:middle}.verified .icon{width:16px;height:16px;fill:var(--soft-blue)}.master-card .rating{font-size:12px;margin-top:4px}.rating{display:flex;align-items:center;gap:5px;color:var(--heading)}.rating .icon{fill:#e9ad36;color:#e9ad36;width:14px;height:14px}.online{color:#198647;font-size:12px;display:flex;gap:5px;align-items:center}.online:before{content:'';width:6px;height:6px;background:#22c55e;border-radius:50%}.master-card .btn{margin-top:18px}.radar-banner{background:#101e37;color:#d0d9e9;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;padding:40px 44px;border-radius:20px;overflow:hidden;position:relative}.radar-banner h2{color:white;font-size:30px;line-height:1.3;margin:13px 0}.radar-banner p{font-size:14px;max-width:470px}.radar-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#9bbbff}.radar-banner .btn{margin-top:24px}.radar-banner .btn-ghost{color:#c7d6f0}.radar-notifications{display:grid;align-content:center;gap:12px;transform:rotate(-2deg)}.radar-notification{border:1px solid #ffffff17;border-radius:13px;background:#ffffff0a;padding:15px;display:flex;gap:13px;align-items:center}.radar-notification img{width:55px;height:48px;border-radius:8px}.radar-notification h4{color:#fff;font-size:13px;letter-spacing:0}.radar-notification p{color:#9facbf;font-size:11px}.radar-notification .badge{color:#8db4ff;background:#3174f32b;font-size:10px}.how-card{display:flex;gap:18px;align-items:flex-start;padding:12px 0}.how-number{font-size:14px;background:var(--soft-blue);color:var(--primary);font-weight:600;width:35px;height:35px;border-radius:10px;flex-shrink:0;display:grid;place-items:center}.how-card h3{font-size:16px;margin:2px 0 8px}.how-card p{font-size:13px;max-width:270px;color:var(--muted)}.app-banner{background:var(--soft-blue);border:1px solid #dce7fa;padding:30px 38px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:25px}.app-banner h2{font-size:23px}.app-banner p{font-size:13px;color:var(--muted);margin-top:7px}.app-button{background:#14213a;color:white;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:9px;font-size:12px;min-width:140px;text-align:left}.app-button .icon{width:25px;height:25px}.app-button b{display:block;font-size:16px}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:45px 0 20px;margin-top:50px}.footer-top{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px}.footer-top p{font-size:13px;color:var(--muted);max-width:270px;margin:14px 0}.footer-links h4{font-size:14px;margin-bottom:14px}.footer-links a{display:block;font-size:13px;color:var(--muted);margin:10px 0}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;margin-top:30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.footer-social{display:flex;gap:9px}.footer-social .icon-btn{width:30px;height:30px;border:1px solid var(--border)}.search-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:25px;align-items:start}.filter-panel{padding:20px;position:sticky;top:152px}.filter-panel h3{font-size:17px;margin-bottom:20px}.filter-panel .field{font-size:13px}.filter-panel .field label{font-size:13px}.filter-panel select,.filter-panel input{font-size:13px}.search-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.search-bar input{background:var(--surface)}.search-results .grid-3{gap:18px}.search-results .listing-image{height:165px}.result-count{font-size:13px;color:var(--muted)}.sort{width:160px;flex-shrink:0}.sort select{font-size:12px;min-height:38px!important;padding:8px 10px!important}.search-toolbar{margin-bottom:18px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.gallery-main{width:100%;height:415px;border-radius:16px;object-fit:cover;background:var(--border)}.gallery-thumbs{display:flex;gap:11px;margin-top:12px;overflow:auto}.gallery-thumb{border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;min-width:80px}.gallery-thumb.active{border-color:var(--primary)}.gallery-thumb img{width:90px;height:65px;object-fit:cover}.detail-info{padding:27px;margin-top:23px}.detail-info h2{font-size:20px;margin-bottom:18px}.detail-info p{color:var(--muted);font-size:14px;line-height:1.85}.attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;margin-bottom:25px}.attribute{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px;font-size:14px}.attribute span{color:var(--muted)}.seller-panel{position:sticky;top:150px;display:grid;gap:19px}.detail-price{font-size:34px;color:var(--heading);font-weight:700;letter-spacing:-1px}.seller-person{display:flex;align-items:center;gap:12px}.seller-actions{display:grid;gap:10px}.seller-sub{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.seller-sub .icon{width:16px;height:16px}.detail-title{max-width:900px}.detail-title h1{font-size:29px}.public-profile-cover{height:180px;background:#16396a;border-radius:18px 18px 0 0;background-image:linear-gradient(115deg,#0f305d,#164d84);position:relative;padding:25px;color:#adc8ed}.public-profile-header{margin-top:25px}.profile-top{padding:30px;display:flex;align-items:center;gap:22px}.profile-top .avatar-lg{width:108px;height:108px;border:5px solid var(--surface);margin-top:-54px;position:relative}.profile-top .profile-meta{flex:1}.profile-top h1{font-size:28px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 28px;border-top:1px solid var(--border)}.profile-stat-grid strong{display:block;font-size:23px;color:var(--heading)}.profile-stat-grid span{font-size:12px;color:var(--muted)}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;margin-top:25px}.review{padding-block:20px;border-bottom:1px solid var(--border)}.review:first-child{padding-top:0}.review:last-child{border-bottom:0}.review p{margin:12px 0;font-size:14px;color:var(--text)}.review-score{font-size:45px;font-weight:700;color:var(--heading);letter-spacing:-2px}.rating-row{display:flex;gap:10px;align-items:center;font-size:13px;margin:8px 0}.rating-row .progress-bar{flex:1}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.before-after figure{margin:0;position:relative}.before-after img{width:100%;height:190px;border-radius:11px}.before-after figcaption{position:absolute;left:9px;top:9px;background:#0c182bbf;color:white;font-size:10px;border-radius:5px;padding:4px 7px}.completed-work{padding:20px}.completed-work h3{margin:16px 0 9px}.content-copy{max-width:820px;margin:40px auto}.content-copy h2{margin:30px 0 15px}.content-copy p{margin:15px 0;color:var(--muted)}.article-image{height:360px;width:100%;border-radius:16px}.mobile-filter-trigger{display:none}[data-theme=dark] .hero-halo{background:#142744}[data-theme=dark] .hero-halo:after{border-color:#2d4668}[data-theme=dark] .action-card{border-color:var(--border)}[data-theme=dark] .app-banner{border-color:var(--border)}
