html,body{width:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0b0b0b;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0e1a2b;text-decoration:inherit;transition:color .3s ease}a:hover{color:#0a66c2}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:#f7f7f7;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:#0e1a2b;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:48px;font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:28px;font-weight:600}button{border-radius:12px;border:none;padding:12px 24px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:2px solid #0A66C2;outline-offset:2px}button.heart-button:focus,button.heart-button:focus-visible,.heart-button:focus,.heart-button:focus-visible{outline:none!important;box-shadow:none!important}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--primary: #1a73e8;--dark: #1c1c1c;--light: #f7f9fc;--text: #333;--radius: 10px}body{margin:0;padding:0;font-family:Inter,sans-serif;background:var(--light)}h1,h2,h3,h4{color:var(--dark);margin:10px 0}.container{width:100vw;min-width:0;margin:0;padding:0;box-sizing:border-box}section{width:100%;margin-bottom:2rem}@media(max-width:900px){.container{max-width:100%;padding:0 .5rem}section{margin-bottom:1.2rem}h1{font-size:2rem}h2{font-size:1.5rem}}:root{--color-primary-deep-blue: #0E1A2B;--color-accent-gold: #0A66C2;--color-slate-gray: #3A4750;--color-off-white: #F7F7F7;--color-pure-black: #0B0B0B;--color-success-green: #3CB371;--color-error-red: #D9534F;--color-primary-900: #0E1A2B;--color-primary-800: #0E1A2B;--color-primary-700: #0E1A2B;--color-primary-600: #3A4750;--color-teal-900: #0E1A2B;--color-teal-700: #3A4750;--color-teal-500: #3A4750;--color-neutral-50: #F7F7F7;--color-neutral-100: #F7F7F7;--color-neutral-200: #E2E8F0;--color-neutral-400: #3A4750;--color-neutral-600: #3A4750;--color-text-primary: #0B0B0B;--color-text-secondary: #0E1A2B;--color-text-tertiary: #3A4750;--color-text-on-dark: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .85);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--spacing-5xl: 120px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 56px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--z-navbar: 50;--z-modal: 1000;--z-tooltip: 1100;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--glass-blur-strong: blur(20px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(20px) translate(-10px)}}.fade-in-up{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up-stagger{opacity:0;transform:translateY(50px);transition:opacity .7s cubic-bezier(.16,1,.3,1) .1s,transform .7s cubic-bezier(.16,1,.3,1) .1s;will-change:opacity,transform}.fade-in-up-stagger.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.slide-in-right.visible{opacity:1;transform:translate(0)}@media(max-width:768px){.fade-in-up,.fade-in-up-stagger{transform:translateY(30px)}.slide-in-left{transform:translate(-20px)}.slide-in-right{transform:translate(20px)}}.article-card:hover{background:#eaf1ff!important;box-shadow:0 8px 32px #2575fc1a!important}.article-card:hover .article-arrow{opacity:1!important;right:8px!important;color:#174ea6!important}.article-card:focus{outline:2px solid #2575fc}