@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary-color:#1a73e8;--primary-hover:#1557b0;--secondary-color:#fbbc04;--bg-color:#ffffff;--surface-color:#f8f9fa;--surface-hover:#f1f3f4;--text-primary:#202124;--text-secondary:#5f6368;--border-color:#dadce0;--error-color:#d93025;--success-color:#1e8e3e;--max-width:1200px;--radius:12px;--radius-lg:24px;--shadow-sm:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-hover:0 10px 30px -5px rgba(26,115,232,0.15);--transition-fast:0.2s ease;--transition-normal:0.3s ease}*{box-sizing:border-box;padding:0;margin:0}body,html{min-height:100vh;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}button{cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}button:active{transform:scale(.97)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@media (prefers-color-scheme:dark){.glass{background:rgba(48,49,52,.7);border:1px solid rgba(255,255,255,.05)}}.gradient-text{background:linear-gradient(135deg,var(--primary-color),#4285f4,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(26,115,232,.4)}.hover-bg{transition:background var(--transition-normal)}.hover-bg:hover{background:rgba(0,0,0,.05)}.post-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto);gap:24px}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}}.bento-item{position:relative;border-radius:24px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px rgba(0,0,0,.02);padding:32px;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.bento-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,0));z-index:-1}.bento-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 40px rgba(0,112,243,.12),0 0 0 1px rgba(0,112,243,.15)}.bento-hero{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,#fdfdfd,#f0f4f8);padding:48px}@media (max-width:768px){.bento-hero{grid-column:span 1;grid-row:auto;padding:32px}}.bento-action{margin-top:auto;display:flex;align-items:center;font-weight:600;font-size:.95rem;color:#0070f3;transition:transform .3s ease}.bento-action span{display:inline-block;margin-left:8px;transition:transform .3s ease}.bento-item:hover .bento-action span{transform:translateX(6px)}