:root{--primary-color:#4f46e5;--primary-rgb:79,70,229;--secondary-color:#f97316;--secondary-rgb:249,115,22;--success-color:#10b981;--success-rgb:16,185,129;--info-color:#0ea5e9;--info-rgb:14,165,233;--warning-color:#fbbf24;--warning-rgb:251,191,36;--danger-color:#f43f5e;--danger-rgb:244,63,94;--light-color:#ffffff;--dark-color:#4b5563;--python-color:#3b82f6;--ai-color:#ec4899;--web-color:#06b6d4;--devops-color:#8b5cf6;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--bg-light:#ffffff;--bg-off-white:#fafafa;--bg-primary-light:#eef2ff;--bg-secondary-light:#fff7ed;--bg-success-light:#ecfdf5;--bg-info-light:#f0f9ff;--bg-warning-light:#fffbeb;--bg-danger-light:#fef2f2;--primary-color-light:rgba(var(--primary-rgb),0.1);--secondary-color-light:rgba(var(--secondary-rgb),0.1);--success-color-light:rgba(var(--success-rgb),0.1);--danger-color-light:rgba(var(--danger-rgb),0.1);--bg-python:rgba(59,130,246,0.08);--bg-ai:rgba(236,72,153,0.08);--bg-web:rgba(6,182,212,0.08);--bg-devops:rgba(139,92,246,0.08);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:5rem;--border-radius-sm:0.375rem;--border-radius-md:0.75rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:9999px;--border-width:1px;--font-family-base:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-family-heading:'Space Grotesk',var(--font-family-base);--font-family-monospace:'JetBrains Mono',SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.04),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.03),0 8px 10px rgba(0,0,0,0.04);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--transition-base:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--header-height:40px;--footer-bg-color:#0f172a;--card-border-color:var(--gray-200);--hero-overlay-color:rgba(255,255,255,0.9);--search-highlight-color:var(--warning-color);--code-bg-color:var(--gray-50);--tecnobot-primary:var(--primary-color);--tecnobot-secondary:var(--secondary-color);--tecnobot-accent:var(--info-color);--tecnobot-light:var(--bg-primary-light);--tecnobot-gradient:linear-gradient(135deg,var(--primary-color),#818cf8);--tecnobot-gradient-alt:linear-gradient(135deg,var(--secondary-color),#fb923c);--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--backdrop-blur:blur(10px)}@media (prefers-color-scheme:dark){:root{--dark-mode-bg:#18181b;--dark-mode-text:#fafafa;--dark-mode-card-bg:#27272a;--dark-mode-border:#3f3f46;--dark-mode-accent:var(--info-color)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--gray-700);line-height:var(--line-height-normal);background-color:var(--bg-light);font-display:swap;min-height:100vh;text-rendering:optimizeSpeed;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--primary-color-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md)}small{font-size:var(--font-size-sm)}strong{font-weight:var(--font-weight-bold)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-md) 0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.featured-tutorials,.categories-grid,.ai-section-container .ai-gradient-card,.ai-content{overflow-x:hidden}@media (max-width:768px){.featured-tutorials,.categories-grid{width:100%;box-sizing:border-box}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}