@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--color-primary:#09090b;--color-primary-light:#18181b;--color-accent:#00e5ff;--color-accent-mid:#00b8d4;--color-accent-light:#84ffff;--color-gold:gold;--color-surface:#18181bb3;--color-surface-alt:#27272a66;--color-surface-elevated:#27272ae6;--color-border:#ffffff1a;--color-border-light:#ffffff0d;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--cat-technology:#00e5ff;--cat-startups:#f43f5e;--cat-ai:#a855f7;--cat-cybersecurity:#ef4444;--cat-software:#10b981;--cat-gadgets:#f59e0b;--font-primary:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--type-display:800 clamp(2.5rem, 6vw, 4rem)/1.1 var(--font-primary);--type-h1:700 clamp(2rem, 5vw, 3rem)/1.15 var(--font-primary);--type-h2:600 clamp(1.5rem, 3.5vw, 2rem)/1.2 var(--font-primary);--type-h3:600 clamp(1.25rem, 2.5vw, 1.5rem)/1.3 var(--font-primary);--type-h4:600 1.125rem/1.35 var(--font-primary);--type-body-lg:400 1.125rem/1.7 var(--font-primary);--type-body:400 1rem/1.65 var(--font-primary);--type-caption:400 .875rem/1.5 var(--font-mono);--type-label:600 .75rem/1 var(--font-mono);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--max-width:1440px;--gutter:2rem;--header-height:72px;--ticker-height:40px;--shadow-sm:0 4px 6px -1px #00000080;--shadow-md:0 10px 15px -3px #000000b3;--shadow-lg:0 20px 25px -5px #000c;--shadow-glow:0 0 20px #00e5ff4d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}body{font:var(--type-body);color:var(--color-text-primary);background:var(--color-primary);min-height:100vh}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}.bento-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(12,1fr);display:grid}.bento-hero{grid-column:span 8;height:500px}.bento-side-1{grid-column:span 4;height:240px}.bento-side-2{grid-column:span 4;height:244px}.bento-feed{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:1024px){.bento-hero{grid-column:span 12;height:400px}.bento-side-1,.bento-side-2{grid-column:span 6}}@media (max-width:768px){.bento-side-1,.bento-side-2{grid-column:span 12}}.container{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.main-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.main-grid{grid-template-columns:1fr var(--sidebar-width)}}.header{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}@media (prefers-color-scheme:dark){.header{background:#0d1b2aeb}}.header-inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.logo{align-items:center;gap:var(--space-sm);font:800 1.35rem/1 var(--font-primary);letter-spacing:-.03em;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:900;display:flex}.header-nav{gap:var(--space-xs);display:none}@media (min-width:768px){.header-nav{display:flex}}.header-nav a{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font:var(--type-caption);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.header-nav a:hover,.header-nav a.active{color:var(--color-accent);background:#1565c014}.header-search{flex:0 280px;position:relative}.header-search input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);font:var(--type-caption);transition:all var(--transition-base);outline:none;padding-left:2.25rem}.header-search input:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px #1565c01f}.header-search-icon{color:var(--color-text-tertiary);width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.mobile-menu-btn{border-radius:var(--radius-sm);width:40px;height:40px;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover{background:var(--color-surface-alt)}@media (min-width:768px){.mobile-menu-btn{display:none}}.ticker{background:var(--color-primary);color:#fff;height:var(--ticker-height);align-items:center;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.ticker{background:#081525}}.ticker-label{align-items:center;gap:var(--space-sm);padding:0 var(--space-md);font:var(--type-label);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);white-space:nowrap;z-index:2;background:var(--color-primary);flex-shrink:0;display:flex}@media (prefers-color-scheme:dark){.ticker-label{background:#081525}}.ticker-dot{background:var(--color-gold);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ticker-track{gap:var(--space-2xl);animation:60s linear infinite ticker-scroll;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-item{font:var(--type-caption);white-space:nowrap;opacity:.9;align-items:center;gap:var(--space-md);display:flex}.ticker-item:after{content:"◆";opacity:.3;font-size:6px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.category-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav-inner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--gutter);max-width:var(--max-width);margin:0 auto;display:flex}.category-pill{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font:var(--type-caption);text-transform:capitalize;white-space:nowrap;transition:all var(--transition-fast);color:var(--color-text-secondary);border:1px solid #0000;font-weight:600}.category-pill:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.category-pill.active{color:#fff;border-color:#0000}.category-pill[data-cat=technology].active{background:var(--cat-technology)}.category-pill[data-cat=startups].active{background:var(--cat-startups)}.category-pill[data-cat=ai].active{background:var(--cat-ai)}.category-pill[data-cat=cybersecurity].active{background:var(--cat-cybersecurity)}.category-pill[data-cat=software].active{background:var(--cat-software)}.category-pill[data-cat=gadgets].active{background:var(--cat-gadgets)}.article-grid{gap:var(--space-lg);display:grid}.article-grid.grid-2{grid-template-columns:repeat(2,1fr)}.article-grid.grid-3{grid-template-columns:repeat(3,1fr)}.msn-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}@media (max-width:768px){.article-grid.grid-2,.article-grid.grid-3,.msn-grid{grid-template-columns:1fr}}.card-hero{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (max-width:768px){.card-hero{grid-template-columns:1fr}}.card-hero:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.card-hero-image{aspect-ratio:16/10;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-hero-image img{object-fit:cover;width:100%;height:100%}.card-hero-placeholder{font:800 3rem/1 var(--font-primary);color:#ffffff14;text-transform:uppercase;letter-spacing:.1em}.card-hero-body{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;justify-content:center;display:flex}.card-hero-body h2{font:var(--type-h2);color:var(--color-text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-hero-body p{font:var(--type-body-lg);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.card-image-placeholder{width:100%;height:100%;font:700 1.5rem/1 var(--font-primary);color:#ffffff0f;text-transform:uppercase;letter-spacing:.15em;justify-content:center;align-items:center;display:flex}.card-body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.card-body h3{font:var(--type-h3);color:var(--color-text-primary);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card:hover .card-body h3{color:var(--color-accent)}.card-body p{font:var(--type-body);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-compact{gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);transition:all var(--transition-fast);display:flex}.card-compact:hover{border-color:var(--color-accent);background:var(--color-surface-alt)}.card-compact-number{font:800 1.25rem/1 var(--font-primary);color:var(--color-border);flex-shrink:0;width:1.5rem}.card-compact h4{font:var(--type-h4);color:var(--color-text-primary);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.card-compact:hover h4{color:var(--color-accent)}.meta-row{align-items:center;gap:var(--space-sm);font:var(--type-caption);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.meta-row .separator{background:var(--color-text-tertiary);border-radius:50%;flex-shrink:0;width:3px;height:3px}.source-badge{padding:2px var(--space-sm);border-radius:var(--radius-sm);font:var(--type-label);text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--color-primary);align-items:center;display:inline-flex}.category-tag{padding:3px var(--space-sm);border-radius:var(--radius-sm);font:var(--type-label);text-transform:uppercase;letter-spacing:.06em;color:#fff;align-items:center;display:inline-flex}.category-tag[data-cat=technology]{background:var(--cat-technology)}.category-tag[data-cat=startups]{background:var(--cat-startups)}.category-tag[data-cat=ai]{background:var(--cat-ai)}.category-tag[data-cat=cybersecurity]{background:var(--cat-cybersecurity)}.category-tag[data-cat=software]{background:var(--cat-software)}.category-tag[data-cat=gadgets]{background:var(--cat-gadgets)}.category-tag[data-cat=general]{background:var(--color-text-secondary)}.live-badge{align-items:center;gap:var(--space-xs);font:var(--type-label);color:var(--color-success);text-transform:uppercase;letter-spacing:.08em;display:inline-flex}.live-badge-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.search-hero{max-width:600px;margin:0 auto;position:relative}.search-hero input{width:100%;padding:var(--space-md) var(--space-xl);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font:var(--type-body-lg);transition:all var(--transition-base);outline:none;padding-left:3rem}.search-hero input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #1565c01f}.search-hero-icon{color:var(--color-text-tertiary);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2{font:var(--type-h2);align-items:center;gap:var(--space-sm);display:flex}.section-header-line{background:var(--color-border);height:1px;margin-left:var(--space-lg);flex:1}.section-header a{font:var(--type-caption);color:var(--color-accent);white-space:nowrap;transition:opacity var(--transition-fast);font-weight:600}.section-header a:hover{opacity:.8}.sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.sidebar-widget{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.sidebar-widget-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font:var(--type-h4);align-items:center;gap:var(--space-sm);display:flex}.sidebar-widget-body{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.ad-slot{background:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font:var(--type-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;min-height:90px;display:flex}.ad-slot.leaderboard{min-height:90px}.ad-slot.rectangle{min-height:250px}.ad-slot.sidebar-sticky{top:calc(var(--header-height) + var(--space-lg));position:sticky}.footer{background:var(--color-primary);color:#fffc;margin-top:var(--space-3xl)}@media (prefers-color-scheme:dark){.footer{background:#060e1a}}.footer-inner{padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (max-width:768px){.footer-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr}}.footer-brand h3{font:800 1.25rem/1 var(--font-primary);color:#fff;margin-bottom:var(--space-md)}.footer-brand p{font:var(--type-body);max-width:300px;line-height:1.7}.footer-col h4{font:var(--type-caption);text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:var(--space-md);font-weight:700}.footer-col a{font:var(--type-body);padding:var(--space-xs) 0;transition:color var(--transition-fast);display:block}.footer-col a:hover{color:var(--color-accent-light)}.footer-bottom{padding-top:var(--space-lg);font:var(--type-caption);opacity:.6;justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.breadcrumb{align-items:center;gap:var(--space-xs);font:var(--type-caption);color:var(--color-text-secondary);padding:var(--space-md) 0;display:flex}.breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-tertiary)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}.article-detail{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.article-detail-header{padding:var(--space-2xl)}.article-detail-header h1{font:var(--type-h1);margin-bottom:var(--space-lg)}.article-detail-image{aspect-ratio:21/9;background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));overflow:hidden}.article-detail-image img{object-fit:cover;width:100%;height:100%}.article-detail-body{padding:var(--space-2xl)}.article-detail-body p{font:var(--type-body-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.read-full-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font:var(--type-body);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.read-full-btn:hover{background:var(--color-accent-mid);box-shadow:var(--shadow-md);transform:translateY(-1px)}.share-buttons{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.share-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font:var(--type-caption);border:1px solid var(--color-border);transition:all var(--transition-fast);color:var(--color-text-secondary);font-weight:600;display:inline-flex}.share-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#1565c00d}.share-btn.whatsapp:hover{color:#25d366;background:#25d3660d;border-color:#25d366}.search-page-input{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.search-page-input input{padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font:var(--type-body-lg);transition:border-color var(--transition-fast);outline:none;flex:1}.search-page-input input:focus{border-color:var(--color-accent)}.search-page-input button{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font:var(--type-body);transition:background var(--transition-fast);font-weight:600}.search-page-input button:hover{background:var(--color-accent-mid)}.legal-page{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-2xl)}.legal-page h1{font:var(--type-h1);margin-bottom:var(--space-xl)}.legal-page h2{font:var(--type-h2);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.legal-page p{font:var(--type-body-lg);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.8}.legal-page ul{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.legal-page ul li{font:var(--type-body-lg);color:var(--color-text-secondary);padding-left:var(--space-sm);line-height:1.8;list-style:outside;position:relative}.hero-section{padding:var(--space-3xl) 0 var(--space-xl);text-align:center}.hero-tagline{font:var(--type-display);color:var(--color-text-primary);margin-bottom:var(--space-md)}.hero-tagline span{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font:var(--type-body-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.trending-topics{gap:var(--space-sm);flex-wrap:wrap;display:flex}.trending-topic{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);font:var(--type-caption);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.trending-topic:hover{border-color:var(--color-accent);color:var(--color-accent);background:#1565c00d}.trending-topic-count{color:var(--color-text-tertiary);font-size:.6875rem}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-border-light) 50%, var(--color-surface-alt) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-content{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}}.contact-form{gap:var(--space-lg);flex-direction:column;max-width:600px;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{font:var(--type-caption);color:var(--color-text-primary);font-weight:600}.form-group input,.form-group textarea{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition-fast);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1565c014}.form-group textarea{resize:vertical;min-height:150px}.form-submit{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font:var(--type-body);transition:all var(--transition-fast);align-self:flex-start;font-weight:600}.form-submit:hover{background:var(--color-accent-mid);transform:translateY(-1px)}.mobile-nav-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0d1b2a80;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav{background:var(--color-surface);z-index:201;width:280px;transition:transform var(--transition-base);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav a{padding:var(--space-md);border-radius:var(--radius-sm);font:var(--type-body);transition:background var(--transition-fast);font-weight:500;display:block}.mobile-nav a:hover{background:var(--color-surface-alt)}.mobile-nav-close{border-radius:var(--radius-sm);justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}