.hero{position:relative;padding:calc(var(--navbar-height) + var(--space-16)) 0 var(--space-20);background:linear-gradient(135deg,var(--primary-lightest) 0%,var(--secondary-lightest) 50%,var(--light-50) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--primary-lighter) 0%,transparent 70%);opacity:.3;animation:float 8s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--secondary-lighter) 0%,transparent 70%);opacity:.25;animation:float 10s ease-in-out infinite reverse;pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;animation:fadeInUp var(--duration-slow) var(--ease-smooth)}.hero-header{font-size:clamp(var(--text-5xl),8vw,var(--text-7xl));font-weight:var(--font-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-5);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp var(--duration-slow) var(--ease-smooth) .1s backwards}.hero-slogan{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:var(--font-medium);color:var(--dark-700);margin-bottom:var(--space-6);line-height:var(--leading-relaxed);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .2s backwards}.hero-content>.muted{font-size:var(--text-lg);color:var(--dark-600);max-width:700px;margin:0 auto var(--space-8);line-height:var(--leading-loose);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .3s backwards}.hero-actions{animation:fadeInUp var(--duration-slow) var(--ease-smooth) .4s backwards}.hero-actions .btn{min-width:160px;font-weight:var(--font-semibold);box-shadow:var(--shadow-md)}.hero-actions .btn:first-child{background:var(--gradient);color:var(--white)}.hero-actions .btn:first-child:hover{box-shadow:var(--shadow-primary);transform:translateY(-3px) scale(1.02)}.featured{display:grid;grid-template-columns:1fr;gap:var(--space-8);background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--duration-medium) var(--ease-smooth);position:relative;animation:fadeInUp var(--duration-slow) var(--ease-smooth) .2s backwards}.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient);transform-origin:left;animation:slideInRight var(--duration-slow) var(--ease-smooth) .3s backwards}.featured:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.featured img{width:100%;height:350px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.featured:hover img{transform:scale(1.05)}.featured .body{padding:var(--space-8);padding-top:var(--space-6)}.featured h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-bold);color:var(--dark-900);line-height:var(--leading-tight);margin-bottom:var(--space-4);transition:color var(--duration-base) var(--ease-out)}.featured:hover h2{color:var(--primary)}.featured p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--dark-600);margin-bottom:var(--space-6)}@media(min-width:768px){.featured{grid-template-columns:1fr 1fr}.featured img{height:100%;min-height:400px}}@media(min-width:1024px){.featured{grid-template-columns:1.2fr 1fr}}.meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--dark-500);margin-bottom:var(--space-4)}.meta time{font-weight:var(--font-medium);color:var(--dark-600)}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);background:var(--gradient);color:var(--white);white-space:nowrap;transition:all var(--duration-base) var(--ease-out)}.pill:hover{transform:scale(1.05);box-shadow:var(--shadow-primary)}.news-layout{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:start}@media(min-width:1024px){.news-layout{grid-template-columns:1fr 350px}}@media(min-width:1280px){.news-layout{grid-template-columns:1fr 380px}}.section-title{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-6);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:var(--gradient);border-radius:var(--radius-full);animation:slideInRight var(--duration-medium) var(--ease-smooth)}.news-controls{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:all var(--duration-medium) var(--ease-smooth);animation:fadeInUp var(--duration-slow) var(--ease-smooth) .3s backwards}.news-controls:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}@media(min-width:640px){.news-controls{grid-template-columns:2fr 1fr 1fr}}.news-controls label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--dark-700);margin-bottom:var(--space-2);display:block;letter-spacing:var(--tracking-wide)}.news-controls input[type=search],.news-controls select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--border-color);border-radius:var(--radius-base);background:var(--white);color:var(--dark-900);transition:all var(--duration-base) var(--ease-out);outline:none}.news-controls input[type=search]:hover,.news-controls select:hover{border-color:var(--primary-light)}.news-controls input[type=search]:focus,.news-controls select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lightest);transform:translateY(-1px)}.news-controls input[type=search]::placeholder{color:var(--dark-400)}.news-controls select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23475569' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.news-count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--dark-600);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--light-100);border-radius:var(--radius-lg);display:inline-block;border-left:3px solid var(--primary);animation:fadeIn var(--duration-base) var(--ease-out)}.no-results{display:none;padding:var(--space-10);text-align:center;background:var(--light-50);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--dark-600);font-size:var(--text-lg);margin-bottom:var(--space-6);animation:fadeIn var(--duration-medium) var(--ease-out)}.news-card{display:grid;grid-template-columns:1fr;gap:0;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-base);border:1px solid var(--border-color-light);transition:all var(--duration-medium) var(--ease-smooth);position:relative;animation:fadeInUp var(--duration-medium) var(--ease-smooth) backwards}.news-card:before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:var(--gradient);transition:width var(--duration-medium) var(--ease-smooth);z-index:1}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-lighter)}.news-card:hover:before{width:100%}.news-card img{width:100%;height:220px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.news-card:hover img{transform:scale(1.08)}.news-card .body{padding:var(--space-5) var(--space-6) var(--space-6)}.news-card h3{font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--font-bold);color:var(--dark-900);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-2);transition:color var(--duration-base) var(--ease-out)}.news-card:hover h3{color:var(--primary)}.news-card p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--dark-600);margin-bottom:var(--space-4)}.news-card .body>div:last-child{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.news-card .body>div:last-child a{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);transition:all var(--duration-base) var(--ease-out);position:relative}.news-card .body>div:last-child a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transform:translate(-50%);transition:width var(--duration-base) var(--ease-out)}.news-card .body>div:last-child a:hover{color:var(--primary-hover);background:var(--primary-lightest)}.news-card .body>div:last-child a:hover:before{width:80%}@media(min-width:640px){.news-card{grid-template-columns:200px 1fr}.news-card img{height:100%;min-height:180px}}@media(min-width:768px){.news-card{grid-template-columns:240px 1fr}}.news-card:nth-child(1){animation-delay:.05s}.news-card:nth-child(2){animation-delay:.1s}.news-card:nth-child(3){animation-delay:.15s}.news-card:nth-child(4){animation-delay:.2s}.news-card:nth-child(5){animation-delay:.25s}.news-card:nth-child(6){animation-delay:.3s}.news-card:nth-child(7){animation-delay:.35s}.news-card:nth-child(8){animation-delay:.4s}.view-more-container{text-align:center;padding:var(--space-6) 0}#loadMoreBtn{min-width:200px;padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);background:var(--white);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-lg);transition:all var(--duration-medium) var(--ease-smooth);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}#loadMoreBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient);transition:left var(--duration-medium) var(--ease-smooth);z-index:-1}#loadMoreBtn:hover{color:var(--white);border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-2px)}#loadMoreBtn:hover:before{left:0}#loadMoreBtn:active{transform:translateY(0)}aside{position:sticky;top:calc(var(--navbar-height) + var(--space-6));animation:fadeInUp var(--duration-slow) var(--ease-smooth) .4s backwards}.aside-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);border:1px solid var(--border-color-light);transition:all var(--duration-medium) var(--ease-smooth);position:relative;overflow:hidden}.aside-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-medium) var(--ease-smooth)}.aside-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-lighter);transform:translateY(-2px)}.aside-card:hover:before{transform:scaleX(1)}.aside-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-900);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.aside-card h3:before{content:"";width:4px;height:24px;background:var(--gradient);border-radius:var(--radius-full)}.aside-card .muted{color:var(--dark-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.aside-card .small{font-size:var(--text-sm)}.aside-card ul{list-style:none;padding:0;margin:0}.aside-card ul li{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color-light);transition:all var(--duration-base) var(--ease-out)}.aside-card ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.aside-card ul li:hover{padding-left:var(--space-2)}.aside-card ul li a{color:var(--dark-800);font-weight:var(--font-medium);font-size:var(--text-base);line-height:var(--leading-snug);transition:color var(--duration-base) var(--ease-out);display:block}.aside-card ul li a:hover{color:var(--primary)}.aside-card .divider{height:1px;background:var(--gradient);margin:var(--space-5) 0;opacity:.3}.aside-card .btn,.aside-card .btn-secondary{width:100%;justify-content:center;font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--duration-medium) var(--ease-smooth)}.aside-card .btn{background:var(--gradient);color:var(--white);border:none;box-shadow:var(--shadow-sm)}.aside-card .btn:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px) scale(1.02)}.aside-card .btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.aside-card .btn-secondary:hover{background:var(--primary-lightest);border-color:var(--primary-hover);transform:translateY(-2px)}@media(max-width:640px){.hero{padding:calc(var(--navbar-height) + var(--space-12)) 0 var(--space-12)}.hero-header{font-size:var(--text-4xl)}.hero-slogan{font-size:var(--text-lg)}.hero-content>.muted{font-size:var(--text-base)}.featured{margin-top:var(--space-6)}.featured .body{padding:var(--space-5)}.featured h2{font-size:var(--text-2xl)}.featured p{font-size:var(--text-base)}.section-title{font-size:var(--text-2xl)}.news-card img{height:200px}.aside-card{padding:var(--space-5)}}@media(max-width:1023px){aside{position:static;margin-top:var(--space-8)}}@media(min-width:1536px){.featured p,.news-card p{font-size:var(--text-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero:before,.hero:after{animation:none}}@media(prefers-contrast:high){.hero{background:var(--white)}.news-card,.aside-card{border-width:2px}.btn{font-weight:var(--font-bold)}}@media print{.hero{padding:var(--space-8) 0;background:#fff}.hero:before,.hero:after{display:none}.hero-actions,.news-controls,.view-more-container,aside{display:none}.news-card{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd;margin-bottom:var(--space-4)}.news-card img{display:none}}html{scroll-behavior:smooth}:target{scroll-margin-top:calc(var(--navbar-height) + var(--space-6))}.news-items[data-loading=true] .news-card{opacity:.5;pointer-events:none}.news-items:empty:after{content:"Завантаження новин...";display:block;text-align:center;padding:var(--space-16);color:var(--dark-500);font-size:var(--text-lg)}.news-card img,.featured img{opacity:0;animation:fadeIn var(--duration-medium) var(--ease-out) forwards;animation-delay:.1s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#ffffff80;border-radius:50%;transform:scale(0);pointer-events:none}.btn-ripple:active:after{animation:ripple var(--duration-slow) var(--ease-out)}a,button,input,select,.news-card,.aside-card{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}