*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#e2e8f0;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}.card{background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;border:1px solid rgba(51,65,85,.5);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}button{cursor:pointer;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s;font-size:14px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.btn-secondary{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-free{background:#10b981;color:#fff}.badge-paid{background:#f59e0b;color:#fff}@media (max-width: 767px){.container{padding:10px 15px!important}h1{font-size:20px!important}h2{font-size:24px!important}h3{font-size:18px!important}p{font-size:14px!important}.card{padding:15px;border-radius:10px}button{padding:10px 16px;font-size:13px}.products-grid{grid-template-columns:1fr!important;gap:15px!important}.main-layout{grid-template-columns:1fr!important;gap:20px!important}.sidebar{display:none!important}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-container button{padding:10px 15px!important;font-size:12px!important;white-space:nowrap}.filters-container{flex-wrap:wrap!important;gap:8px!important}.filters-container button{padding:8px 12px!important;font-size:12px!important}.hero-section h2{font-size:28px!important}.hero-section p{font-size:16px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.buttons-row{flex-direction:column!important}.features-grid{grid-template-columns:1fr!important}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:15px 20px!important}h2{font-size:36px!important}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.main-layout{grid-template-columns:1fr!important;gap:30px!important}.sidebar{display:none!important}.project-layout{grid-template-columns:1fr!important;gap:30px!important}.project-sidebar{max-width:100%!important}.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.container{padding:20px!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:30px!important}.main-layout{display:flex!important;gap:30px!important}.main-content{flex:1!important}.sidebar{width:300px!important;flex-shrink:0!important;display:block!important}.project-layout{display:grid!important;grid-template-columns:400px 1fr!important;gap:40px!important}}.hide-mobile{display:block}.hide-desktop{display:none}@media (max-width: 767px){.hide-mobile{display:none!important}.hide-desktop{display:block!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eeacc}input,textarea,select{font-size:16px!important}@media (max-width: 767px){input,textarea,select{padding:12px!important}}