@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary-color:#f59e0b;--accent-color:#ec4899;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.app-container{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0;text-align:center}main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.category-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.category-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:inherit;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.category-card:before{background:linear-gradient(90deg,#6366f1,#ec4899);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.category-card:hover{border-color:#a5b4fc;border-color:var(--primary-light);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.category-card i{color:#6366f1;color:var(--primary-color);display:block;font-size:3rem;margin-bottom:1rem}.category-card h2{color:#1f2937;color:var(--gray-800);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.category-card p{color:#4b5563;color:var(--gray-600);font-size:1rem;line-height:1.5}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:2rem}.tech-icon{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:inherit;overflow:hidden;padding:1.5rem;position:relative;text-align:center;text-decoration:none}.tech-icon,.tech-icon:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tech-icon:before{background:#6366f1;background:var(--primary-color);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.tech-icon:hover:before{transform:scaleX(1)}.tech-icon:hover{border-color:#a5b4fc;border-color:var(--primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tech-icon i{color:#6366f1;color:var(--primary-color);display:block;font-size:2.5rem;margin-bottom:.75rem}.tech-icon h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.tech-icon span{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500}.certificates-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative}.card,.card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:before{background:linear-gradient(90deg,#6366f1,#f59e0b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card:hover{border-color:#a5b4fc;border-color:var(--primary-light);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.card h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.card .certificate-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card .badge{background:#f3f4f6;background:var(--gray-100);border-radius:9999px;color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.card .badge.beginner{background:#dcfce7;color:#166534}.card .badge.intermediate{background:#fef3c7;color:#92400e}.card .badge.advanced{background:#fee2e2;color:#991b1b}.card p{color:#4b5563;color:var(--gray-600);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.card .certificate-details{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem}.card .hours{align-items:center;display:flex;gap:.25rem}.card .platform{color:#6366f1;color:var(--primary-color);font-weight:500}.button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.025em;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.button:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button:active{transform:translateY(0)}.back-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#6366f1;color:var(--primary-color);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-link:hover{background:#6366f1;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateX(-4px)}.certificate-list-page{margin:0 auto;max-width:1200px}.certificate-list-page h1{color:#1f2937;color:var(--gray-800);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}footer{background:#111827;background:var(--gray-900);color:#d1d5db;color:var(--gray-300);margin-top:4rem;padding:2rem;text-align:center}footer p{font-size:.875rem;font-weight:500}@media (max-width:1024px){.stats-panel{margin-top:2rem}}@media (max-width:768px){main{padding:1rem}header h1{font-size:2rem}.category-grid{gap:1rem;grid-template-columns:1fr}.tech-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.certificates-container{gap:1rem;grid-template-columns:1fr}.card{padding:1.5rem}.homepage-layout{grid-template-columns:1fr!important}.stats-panel{margin-bottom:2rem;order:-1}}@media (max-width:480px){header h1{font-size:1.75rem}.category-card{padding:1.5rem}.tech-icon{padding:1rem}.tech-icon i{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card,.category-card,.tech-icon{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}.back-link:focus,.button:focus,.category-card:focus,.tech-icon:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.empty-state{color:#6b7280;color:var(--gray-500);padding:4rem 2rem;text-align:center}.empty-state i{color:#d1d5db;color:var(--gray-300);font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#374151;color:var(--gray-700);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:1rem}
/*# sourceMappingURL=main.f098b167.css.map*/