@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";.page-wrapper{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#fff,#fff5f2,#fafaf9);padding:48px 24px 100px}.page-inner{max-width:900px;margin:0 auto}.page-inner-wide{max-width:1200px;margin:0 auto}.page-header{margin-bottom:40px}.page-title{font-family:Outfit,sans-serif;font-size:40px;font-weight:900;color:var(--ink-950);margin:0 0 8px;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--ink-950) 0%,var(--ink-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:var(--ink-600);margin:0;font-weight:500}.card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:32px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 8px 32px #00000014;border-color:#ff450033}.card+.card{margin-top:24px}.card-title{font-size:20px;font-weight:800;font-family:Outfit,sans-serif;color:var(--ink-950);margin:0 0 24px;letter-spacing:-.5px}.card-subtitle{font-size:13px;color:var(--ink-500);margin:4px 0 0}.info-table{display:flex;flex-direction:column;gap:14px}.info-label{color:var(--ink-500);font-weight:500}.info-value{color:var(--ink-900);font-weight:600}.info-divider{border:none;border-top:1px solid var(--sand-100);margin:4px 0}.badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600}.badge-green{background:#f0fdf4;color:#16a34a}.badge-blue{background:var(--tide-50);color:var(--tide-600)}.badge-gray{background:var(--sand-100);color:var(--ink-500)}.badge-red{background:#fef2f2;color:#dc2626}.badge-yellow{background:#fffbeb;color:#d97706}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:8px}.form-input{width:100%;height:44px;padding:0 14px;border:2px solid var(--sand-100);border-radius:12px;font-size:14px;color:var(--ink-900);background:#fff;transition:all .15s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--tide-600);box-shadow:0 0 0 3px var(--tide-50)}.form-textarea{width:100%;padding:12px 14px;border:2px solid var(--sand-100);border-radius:12px;font-size:14px;color:var(--ink-900);background:#fff;transition:all .15s ease;font-family:inherit;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--tide-600);box-shadow:0 0 0 3px var(--tide-50)}.form-select{width:100%;height:44px;padding:0 14px;border:2px solid var(--sand-100);border-radius:12px;font-size:14px;color:var(--ink-900);background:#fff;cursor:pointer;font-family:inherit}.form-select:focus{outline:none;border-color:var(--tide-600)}.form-number{width:120px;height:44px;padding:0 14px;border:2px solid var(--sand-100);border-radius:12px;font-size:14px;color:var(--ink-900);background:#fff;font-family:inherit}.form-number:focus{outline:none;border-color:var(--tide-600)}.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff4500,#ff6b3d);color:#fff;box-shadow:0 4px 14px #ff45004d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff450066}.btn-secondary{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-900);border:2px solid var(--sand-200);box-shadow:0 2px 8px #0000000d}.btn-secondary:hover:not(:disabled){border-color:var(--tide-600);color:var(--tide-700);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#dc2626;color:#fff}.btn-sm{height:34px;padding:0 14px;font-size:13px;border-radius:10px}.alert{padding:14px 18px;border-radius:14px;font-size:14px;margin-top:16px}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.alert-info{background:var(--tide-50);color:var(--tide-600);border:1px solid var(--tide-600)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;padding:0 0 12px;border-bottom:1px solid var(--sand-100)}.data-table td{padding:14px 0;font-size:14px;color:var(--ink-700);border-bottom:1px solid var(--sand-100)}.data-table tr:last-child td{border-bottom:none}.data-table th+th,.data-table td+td{padding-left:16px}.empty-box{text-align:center;padding:60px 24px;color:var(--ink-500)}.empty-box-icon{font-size:40px;margin-bottom:16px}.empty-box-title{font-size:16px;font-weight:600;color:var(--ink-700);margin-bottom:6px}.big-stat{font-size:56px;font-weight:900;font-family:Outfit,sans-serif;background:linear-gradient(135deg,var(--ink-950) 0%,var(--tide-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-2px}.big-stat-label{font-size:14px;color:var(--ink-600);font-weight:600;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col-wide{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:768px){.two-col,.two-col-wide{grid-template-columns:1fr}.page-wrapper{padding:24px 16px 60px}}.auth-page{min-height:calc(100vh - 64px);background:var(--sand-50);display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-box{background:#fff;border:1px solid var(--sand-100);border-radius:32px;padding:48px;width:100%;max-width:440px}.auth-logo{font-size:18px;font-weight:800;color:var(--ink-900);margin-bottom:28px}.auth-title{font-size:26px;font-weight:800;color:var(--ink-900);margin:0 0 8px}.auth-subtitle{font-size:14px;color:var(--ink-500);margin:0 0 28px;line-height:1.5}.auth-tabs{display:flex;background:var(--sand-50);border-radius:14px;padding:4px;margin-bottom:28px}.auth-tab{flex:1;height:40px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:var(--ink-500);transition:all .15s ease;font-family:inherit}.auth-tab.active{background:#fff;color:var(--ink-900);box-shadow:0 1px 4px #00000014}@media(max-width:480px){.auth-box{padding:32px 24px;border-radius:24px}}.home-page{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#fff,#fff5f2,#fafaf9);position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,69,0,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.1)}}.home-hero{background:transparent;border-bottom:none;padding:120px 24px 100px;text-align:center;position:relative}.home-hero-inner{max-width:720px;margin:0 auto}.home-badge{display:inline-flex;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#ff45001a,#ff6b3d1a);color:var(--tide-700);border:1.5px solid var(--tide-600);border-radius:50px;font-size:13px;font-weight:700;margin-bottom:32px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #ff450026;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.home-title{font-family:Outfit,sans-serif;font-size:72px;font-weight:900;color:var(--ink-950);line-height:1.05;letter-spacing:-3px;margin:0 0 24px;background:linear-gradient(135deg,var(--ink-950) 0%,var(--ink-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.home-title-accent:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:2px;opacity:.3}.home-subtitle{font-size:21px;color:var(--ink-600);line-height:1.7;margin:0 auto 48px;max-width:680px;font-weight:500;animation:fadeInUp .8s ease-out .2s both}.home-cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both;margin-bottom:48px}.home-stats{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;animation:fadeInUp .8s ease-out .6s both}.stat-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:32px 28px;border:1px solid rgba(255,255,255,.5);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d}.stat-card:hover{background:#fffffff2;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #ff450026;border-color:#ff45004d}.stat-card-title{color:var(--ink-500);font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.stat-card-icon{color:var(--tide-600);font-size:18px}.stat-card-value{color:var(--ink-900);font-size:40px;font-weight:900;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:8px;letter-spacing:-1px}.home-cta-primary{display:inline-flex;align-items:center;height:56px;padding:0 36px;background:var(--gradient-primary);color:#fff;border-radius:16px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ff45004d;position:relative;overflow:hidden}.home-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.home-cta-primary:hover:before{left:100%}.home-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff450066}.home-cta-secondary{display:inline-flex;align-items:center;height:56px;padding:0 36px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-900);border:2px solid var(--sand-200);border-radius:16px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.home-cta-secondary:hover{border-color:var(--tide-600);color:var(--tide-700);transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.home-features{padding:100px 24px;position:relative}.home-features-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:40px 36px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff450026;border-color:#ff45004d;background:#ffffffe6}.feature-icon{font-size:14px;font-weight:800;font-family:Outfit,sans-serif;margin-bottom:24px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ff45001a,#ff6b3d1a);color:var(--tide-600);border:2px solid var(--tide-600);transition:all .3s ease;letter-spacing:-.5px}.feature-card:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#ff4500,#ff6b3d);color:#fff;box-shadow:0 8px 24px #ff45004d}.feature-title{font-size:20px;font-weight:800;font-family:Outfit,sans-serif;color:var(--ink-900);margin:0 0 12px;letter-spacing:-.5px}.feature-desc{font-size:15px;color:var(--ink-600);line-height:1.7;margin:0;font-weight:500}@media(max-width:768px){.home-title{font-size:42px;letter-spacing:-1.5px}.home-subtitle{font-size:17px}.home-hero{padding:80px 24px 60px}.home-features{padding:60px 24px}.home-features-inner{grid-template-columns:1fr;gap:24px}.home-cta-primary,.home-cta-secondary{width:100%;justify-content:center}.home-stats{grid-template-columns:1fr;gap:20px}.stat-card{padding:24px 20px}.stat-card-value{font-size:32px}}:root{--sand-50: #fafaf9;--sand-100: #f5f5f4;--ink-900: #0a0a0f;--ink-700: #3a3a4a;--ink-500: #6b7280;--tide-600: #06b6d4;--tide-500: #22d3ee;--tide-50: #ecfeff}.marketplace-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fff5f2,#fafaf9);padding-bottom:100px;position:relative}.marketplace-page:before{content:"";position:absolute;top:20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,69,0,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-section{padding:80px 24px 60px;text-align:center;background:transparent;border-bottom:none;position:relative}.hero-content{max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#ff45001a,#ff6b3d1a);border-radius:50px;color:var(--tide-600);font-weight:700;font-size:14px;margin-bottom:28px;border:1.5px solid var(--tide-600);letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #ff450026}.hero-title{font-family:Outfit,sans-serif;color:var(--ink-950);font-size:52px;font-weight:900;margin-bottom:20px;line-height:1.1;letter-spacing:-2px;background:linear-gradient(135deg,#0a0a0f,#3a3a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--ink-700);font-size:18px;max-width:600px;margin:0 auto 40px;line-height:1.6;font-weight:500}.hero-search{max-width:700px;margin:0 auto 48px;position:relative}.search-input{width:100%;height:60px;padding:0 24px 0 56px;border:2px solid rgba(255,69,0,.15);border-radius:16px;font-size:16px;color:var(--ink-900);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-family:inherit;box-shadow:0 4px 20px #ff450014}.search-input::placeholder{color:var(--ink-400)}.hero-search:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="gray"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>') no-repeat center;opacity:.4;pointer-events:none}.hero-search{max-width:700px;margin:0 auto 48px}.search-input{width:100%;height:56px;padding:0 20px;border:2px solid var(--sand-100);border-radius:16px;font-size:16px;color:var(--ink-900);background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--tide-600);box-shadow:0 4px 24px #ff450033,0 0 0 4px #ff45001a;background:#fff}.hero-search:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="gray"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>') no-repeat center;opacity:.4;pointer-events:none}.filters-section{max-width:1200px;margin:0 auto;padding:32px 24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.filters-left{display:flex;gap:12px;flex-wrap:wrap}.filter-select{height:44px;padding:0 16px;border:2px solid var(--sand-100);border-radius:12px;font-size:14px;color:var(--ink-900);background:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--tide-600)}.filter-select:focus{outline:none;border-color:var(--tide-600);box-shadow:0 0 0 3px #ff45001a}.results-count{color:var(--ink-500);font-size:14px;font-weight:500}.tags-section{max-width:1200px;margin:0 auto;padding:24px 24px 32px}.tags-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,69,0,.1);border-radius:20px;padding:20px 24px}.tags-label{font-size:14px;font-weight:700;color:var(--ink-700);white-space:nowrap;font-family:Outfit,sans-serif}.tags-list{display:flex;flex-wrap:wrap;gap:10px;flex:1}.tag-button{padding:8px 18px;border-radius:12px;font-size:13px;font-weight:600;border:2px solid var(--sand-200);background:#fff;color:var(--ink-700);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.tag-button:hover{border-color:var(--tide-600);color:var(--tide-700);transform:translateY(-2px);box-shadow:0 4px 12px #ff450026}.tag-button.active{background:linear-gradient(135deg,#ff4500,#ff6b3d);border-color:var(--tide-600);color:#fff;box-shadow:0 4px 14px #ff45004d}.tag-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff450066}.clear-tags-button{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;border:2px solid var(--sand-200);background:#fff;color:var(--ink-600);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.clear-tags-button:hover{border-color:var(--ink-400);color:var(--ink-900);background:var(--sand-50)}.skills-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.skill-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;border:1px solid rgba(255,255,255,.6);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000f;cursor:pointer;padding:32px;position:relative}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4500,#ff6b3d);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #ff450033;border-color:#ff450066;background:#fffffff2}.skill-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.skill-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#ff4500,#ff6b3d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800;font-family:Outfit,sans-serif;flex-shrink:0;box-shadow:0 8px 24px #ff45004d;transition:all .3s ease}.skill-card:hover .skill-icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 12px 32px #ff450066}.skill-meta{flex:1;min-width:0}.skill-name{margin:0 0 8px;font-size:20px;font-weight:800;font-family:Outfit,sans-serif;color:var(--ink-900);line-height:1.3;letter-spacing:-.5px}.skill-category{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#ff45001a,#ff6b3d1a);color:var(--tide-700);border-radius:10px;font-size:12px;font-weight:700;border:1.5px solid var(--tide-600);letter-spacing:.3px;text-transform:uppercase}.skill-description{color:var(--ink-600);font-size:15px;line-height:1.7;margin-bottom:24px;min-height:48px;font-weight:500}.skill-stats{padding:16px 0;border-top:1px solid var(--sand-100);border-bottom:1px solid var(--sand-100);margin-bottom:20px;display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:6px;color:var(--ink-500);font-size:14px;font-weight:500}.stat-item-icon{color:var(--tide-600);font-size:16px}.skill-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skill-price{display:flex;align-items:baseline;gap:4px}.skill-price-amount{font-size:32px;font-weight:900;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#ff4500,#ff6b3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.skill-price-unit{font-size:14px;color:var(--ink-500);font-weight:500}.skill-install-btn{height:44px;padding:0 28px;background:linear-gradient(135deg,#ff4500,#ff6b3d);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ff45004d;position:relative;overflow:hidden}.skill-install-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.skill-install-btn:hover:before{left:100%}.skill-install-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff450066}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid var(--sand-100);background:var(--sand-50);color:var(--ink-700)}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:80px 24px;color:var(--ink-500)}.empty-state-title{color:var(--ink-900);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state-description{color:var(--ink-500);font-size:14px}@media(max-width:768px){.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.skills-grid{grid-template-columns:1fr}.filters-section,.tags-container{flex-direction:column;align-items:flex-start}.tags-list{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-card{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.skill-card:nth-child(1){animation-delay:.05s}.skill-card:nth-child(2){animation-delay:.1s}.skill-card:nth-child(3){animation-delay:.15s}.skill-card:nth-child(4){animation-delay:.2s}.skill-card:nth-child(5){animation-delay:.25s}.skill-card:nth-child(6){animation-delay:.3s}.skill-detail-page{min-height:100vh;background:var(--sand-50);padding-bottom:80px}.skill-detail-topbar{background:#fff;border-bottom:1px solid var(--sand-100);padding:16px 24px}.skill-detail-topbar-inner{max-width:1200px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:8px;color:var(--ink-700);font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 0;transition:color .15s ease}.back-button:hover{color:var(--tide-600)}.skill-detail-hero{background:#fff;border-bottom:1px solid var(--sand-100);padding:40px 24px;margin-bottom:32px}.skill-detail-hero-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.skill-detail-left{display:flex;align-items:flex-start;gap:24px;flex:1}.skill-icon-large{width:80px;height:80px;border-radius:24px;background:var(--tide-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:700;flex-shrink:0}.skill-detail-info{flex:1}.skill-title{font-family:Fraunces,Georgia,serif;margin:0 0 12px;font-size:32px;font-weight:800;color:var(--ink-950);line-height:1.2}.skill-badges{display:flex;gap:8px;flex-wrap:wrap}.skill-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}.skill-badge-category{background:var(--tide-50);color:var(--tide-600);border:1px solid var(--tide-600)}.skill-badge-active{background:#f0fdf4;color:#16a34a;border:1px solid #16a34a}.skill-badge-inactive{background:var(--sand-100);color:var(--ink-500);border:1px solid var(--sand-100)}.skill-detail-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.skill-price-box{background:var(--sand-50);border:1px solid var(--sand-100);border-radius:20px;padding:20px 28px;text-align:center}.price-amount{display:block;font-size:40px;font-weight:800;color:var(--tide-600);line-height:1}.price-unit{display:block;font-size:14px;color:var(--ink-500);font-weight:500;margin-top:4px}.call-skill-btn{height:52px;padding:0 32px;background:var(--tide-600);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.call-skill-btn:hover{background:var(--tide-500);transform:translateY(-2px);box-shadow:0 6px 20px #0891b24d}.call-skill-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.skill-detail-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 340px;gap:24px}.detail-card{background:#fff;border-radius:24px;border:1px solid var(--sand-100);padding:32px}.detail-card+.detail-card{margin-top:24px}.detail-card-title{font-size:18px;font-weight:700;color:var(--ink-900);margin:0 0 20px}.skill-description-full{font-size:16px;line-height:1.8;color:var(--ink-700);margin:0}.schema-block{background:var(--sand-50);border:1px solid var(--sand-100);border-radius:16px;padding:20px;font-size:13px;line-height:1.6;overflow-x:auto;color:var(--ink-700);font-family:JetBrains Mono,Fira Code,monospace;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{padding:6px 14px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid var(--sand-100);background:var(--sand-50);color:var(--ink-700)}.sidebar{display:flex;flex-direction:column;gap:20px}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--sand-50);border-radius:14px}.stat-row-icon{width:36px;height:36px;border-radius:10px;background:var(--tide-50);color:var(--tide-600);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stat-row-label{font-size:12px;color:var(--ink-500);font-weight:500}.stat-row-value{font-size:20px;font-weight:700;color:var(--ink-900)}.info-list{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-row-label{color:var(--ink-500);font-weight:500}.info-row-value{color:var(--ink-900);font-weight:500;font-size:12px;font-family:monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis}.section-gap{margin-top:32px}.skill-not-found{max-width:1200px;margin:80px auto;padding:0 24px;text-align:center;color:var(--ink-500)}@media(max-width:900px){.skill-detail-container{grid-template-columns:1fr}.skill-detail-hero-inner{flex-direction:column}.skill-detail-right{width:100%;align-items:stretch}.call-skill-btn{width:100%;justify-content:center}.skill-title{font-size:24px}}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-row{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:24px 28px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000a}.skill-row:hover{border-color:#ff450066;box-shadow:0 8px 32px #ff450026;transform:translateY(-2px);background:#fffffff2}.skill-row-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ff4500,#ff6b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;font-family:Outfit,sans-serif;flex-shrink:0;box-shadow:0 6px 20px #ff45004d;transition:all .3s ease}.skill-row:hover .skill-row-icon{transform:rotate(-5deg) scale(1.05)}.skill-row-info{flex:1;min-width:0}.skill-row-name{font-size:18px;font-weight:800;font-family:Outfit,sans-serif;color:var(--ink-900);margin-bottom:6px;letter-spacing:-.3px}.skill-row-desc{font-size:14px;color:var(--ink-600);margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.skill-row-tags{display:flex;gap:8px;flex-wrap:wrap}.endpoint-section{margin-top:40px;padding-top:32px;border-top:1px solid var(--sand-100)}.endpoint-section:first-child{margin-top:0;padding-top:0;border-top:none}.endpoint-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.http-method{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.5px}.http-method.get{background:linear-gradient(135deg,#22c55e1a,#22c55e26);color:#16a34a;border:1.5px solid #22c55e}.http-method.post{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#2563eb;border:1.5px solid #3b82f6}.endpoint-path{font-family:Courier New,monospace;font-size:16px;font-weight:600;color:var(--ink-900)}.endpoint-desc{color:var(--ink-600);font-size:15px;margin-bottom:24px}.section-subtitle{font-size:15px;font-weight:700;font-family:Outfit,sans-serif;color:var(--ink-900);margin:24px 0 12px;letter-spacing:-.3px}.code-block{background:var(--ink-950);border-radius:16px;overflow:hidden;margin:16px 0;border:1px solid var(--ink-800)}.code-header{background:var(--ink-900);padding:12px 20px;font-size:13px;font-weight:600;color:var(--ink-400);border-bottom:1px solid var(--ink-800)}.code-block pre{margin:0;padding:20px;overflow-x:auto}.code-block code{font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:#e5e7eb}.params-table{width:100%;border-collapse:collapse;margin:12px 0}.params-table th{text-align:left;font-size:12px;font-weight:700;color:var(--ink-600);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:2px solid var(--sand-100);background:var(--sand-50)}.params-table td{padding:14px 16px;font-size:14px;color:var(--ink-700);border-bottom:1px solid var(--sand-100);vertical-align:top}.params-table td:first-child{font-weight:600}.params-table td:nth-child(2){color:var(--ink-500);font-size:13px}.params-table code{background:var(--sand-100);padding:2px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;color:var(--tide-700);font-weight:600}.params-table tr:last-child td{border-bottom:none}@media(max-width:768px){.code-block pre{padding:16px}.code-block code{font-size:12px}.endpoint-header{flex-wrap:wrap}.params-table{font-size:13px}.params-table td{padding:10px 12px}}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.how-step{padding:24px;background:var(--sand-50);border-radius:16px;border:1px solid var(--sand-100)}.step-number{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff4500,#ff6b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;font-family:Outfit,sans-serif;margin-bottom:16px;box-shadow:0 4px 12px #ff450040}.step-title{font-size:18px;font-weight:800;font-family:Outfit,sans-serif;color:var(--ink-900);margin:0 0 12px;letter-spacing:-.3px}.step-list{margin:0;padding-left:20px;color:var(--ink-700);line-height:1.8}.step-list li{margin-bottom:8px}.pricing-section h3{margin-top:24px}.pricing-section h3:first-child{margin-top:0}.highlight-card{background:linear-gradient(135deg,#ff450008,#ff6b3d08);border:2px solid rgba(255,69,0,.15)}.faq-item{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--sand-100)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-question{font-size:16px;font-weight:700;font-family:Outfit,sans-serif;color:var(--ink-900);margin:0 0 8px;letter-spacing:-.3px}.faq-answer{margin:0;color:var(--ink-700);line-height:1.7}.cta-card{text-align:center;background:linear-gradient(135deg,#ff45000d,#ff6b3d0d);border:2px solid rgba(255,69,0,.2)}.inline-link{color:var(--tide-600);text-decoration:none;font-weight:600;border-bottom:1px solid var(--tide-600);transition:all .2s ease}.inline-link:hover{color:var(--tide-700);border-bottom-color:var(--tide-700)}@media(max-width:768px){.how-it-works-grid{grid-template-columns:1fr;gap:16px}.cta-card .btn{width:100%;justify-content:center}}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--sand-50: #fafaf9;--sand-100: #f5f5f4;--sand-200: #e7e5e4;--ink-950: #0a0a0f;--ink-900: #1a1a24;--ink-800: #2a2a3a;--ink-700: #3a3a4a;--ink-600: #4b5563;--ink-500: #6b7280;--ink-400: #9ca3af;--tide-700: #d93900;--tide-600: #ff4500;--tide-500: #ff5722;--tide-400: #ff6b3d;--tide-50: #fff5f2;--gradient-primary: linear-gradient(135deg, #ff4500 0%, #ff6b3d 100%);--gradient-hero: linear-gradient(180deg, #ffffff 0%, #fff5f2 100%);--gradient-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(255, 69, 0, .3)}.font-display{font-family:Outfit,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fafaf9,#fff5f2);color:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{position:sticky;top:0;z-index:100;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000d}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;font-family:Outfit,sans-serif;color:var(--ink-900);text-decoration:none;flex-shrink:0;transition:all .2s ease}.nav-brand:hover{color:var(--tide-600)}.brand-icon{font-size:20px}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:8px 14px;border-radius:10px;color:var(--ink-600);text-decoration:none;font-size:15px;font-weight:500;transition:all .15s ease}.nav-link:hover{background:var(--sand-100);color:var(--ink-900)}.nav-link.active{background:linear-gradient(135deg,var(--tide-50) 0%,var(--tide-100) 100%);color:var(--tide-700);box-shadow:0 2px 8px #06b6d426}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-user{font-size:14px;color:var(--ink-500);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.nav-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #ff450040}.nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff450059}.nav-btn-ghost{background:transparent;color:var(--ink-700);border:1px solid var(--sand-100)}.nav-btn-ghost:hover{background:var(--sand-100);color:var(--ink-900)}.page-content{flex:1}@media(max-width:768px){.nav-links{display:none}.nav-inner{gap:16px}}