:root{--ut-bg:#0f0f1a;--ut-bg-card:#16213e;--ut-bg-card-hover:#1a2744;--ut-bg-surface:#1a1a2e;--ut-text:#e0e0e0;--ut-text-muted:rgba(255,255,255,0.55);--ut-text-heading:#ffffff;--ut-accent:#4CAF50;--ut-accent-hover:#66BB6A;--ut-accent-dark:#2E7D32;--ut-border:rgba(255,255,255,0.06);--ut-border-hover:rgba(76,175,80,0.25);--ut-radius:14px;--ut-radius-sm:8px;--ut-shadow:0 4px 20px rgba(0,0,0,0.3);--ut-shadow-hover:0 16px 40px rgba(0,0,0,0.45);--ut-container:1200px;--ut-gap:24px;--ut-transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--ut-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--ut-font);background:var(--ut-bg);color:var(--ut-text);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.ut-container{max-width:var(--ut-container);margin:0 auto;padding:0 20px}.ut-skip-link{position:absolute;top:-100%;left:0;background:var(--ut-accent);color:#fff;padding:8px 16px;z-index:10000}.ut-skip-link:focus{top:0}.ut-section{padding:64px 0}.ut-section:nth-child(odd){background:rgb(255 255 255 / .01)}.ut-header{position:sticky;top:0;z-index:1000;background:rgb(15 15 26 / .92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ut-border);padding:0 0;transition:background var(--ut-transition)}.ut-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.ut-header__logo{display:flex;align-items:center;gap:10px}.ut-header__logo img{height:40px;width:auto}.ut-header__site-name{font-size:1.4rem;font-weight:700;color:var(--ut-text-heading);letter-spacing:-.5px}.ut-nav__list{display:flex;align-items:center;gap:4px}.ut-nav__list li{position:relative}.ut-nav__list li a{display:block;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--ut-text);border-radius:var(--ut-radius-sm);transition:all 0.2s ease}.ut-nav__list li a:hover,.ut-nav__list li.current-menu-item>a{color:var(--ut-accent);background:rgb(76 175 80 / .08)}.ut-nav__list li ul{position:absolute;top:100%;left:0;background:var(--ut-bg-surface);border:1px solid var(--ut-border);border-radius:var(--ut-radius-sm);min-width:200px;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.2s ease;box-shadow:var(--ut-shadow)}.ut-nav__list li:hover>ul{opacity:1;visibility:visible;transform:translateY(0)}.ut-nav__list li ul li a{padding:8px 12px;font-size:.85rem}.ut-header__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.ut-header__toggle-bar{width:24px;height:2px;background:var(--ut-text);border-radius:2px;transition:all 0.3s ease}.ut-hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#0f0f1a 0%,#16213e 50%,#0f2027 100%);overflow:hidden}.ut-hero__overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgb(76 175 80 / .08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgb(33 150 243 / .05) 0%,transparent 50%)}.ut-hero__content{position:relative;z-index:2;padding:80px 20px;max-width:800px}.ut-hero__title{font-size:clamp(2rem, 5vw, 3.2rem);font-weight:800;color:var(--ut-text-heading);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}.ut-hero__subtitle{font-size:1.1rem;color:var(--ut-text-muted);line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.ut-hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ut-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--ut-radius-sm);font-size:.9rem;font-weight:600;letter-spacing:.3px;transition:all var(--ut-transition);cursor:pointer;border:2px solid #fff0}.ut-btn--primary{background:linear-gradient(135deg,var(--ut-accent),var(--ut-accent-dark));color:#fff}.ut-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(76 175 80 / .3)}.ut-btn--outline{border-color:rgb(255 255 255 / .2);color:var(--ut-text);background:#fff0}.ut-btn--outline:hover{border-color:var(--ut-accent);color:var(--ut-accent);background:rgb(76 175 80 / .05)}.ut-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.ut-section__title{font-size:1.5rem;font-weight:700;color:var(--ut-text-heading);letter-spacing:-.3px}.ut-section__more{font-size:.88rem;color:var(--ut-accent);font-weight:500;transition:transform 0.2s ease}.ut-section__more:hover{transform:translateX(4px)}.ut-categories{padding:48px 0;background:var(--ut-bg-surface)}.ut-categories__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.ut-categories__card{background:var(--ut-bg-card);border:1px solid var(--ut-border);border-radius:var(--ut-radius);padding:24px 16px;text-align:center;transition:all var(--ut-transition);display:flex;flex-direction:column;align-items:center;gap:10px}.ut-categories__card:hover{border-color:var(--ut-border-hover);transform:translateY(-4px);box-shadow:var(--ut-shadow);background:var(--ut-bg-card-hover)}.ut-categories__icon{width:44px;height:44px;color:var(--ut-accent)}.ut-categories__icon svg{width:100%;height:100%}.ut-categories__name{font-size:.88rem;font-weight:600;color:var(--ut-text-heading)}.ut-categories__desc{font-size:.75rem;color:var(--ut-text-muted);line-height:1.4}.ut-categories__count{font-size:.7rem;color:var(--ut-accent);font-weight:500}.ut-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,var(--ut-accent),var(--ut-accent-dark));color:#fff;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.ut-featured__grid{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:var(--ut-gap)}.ut-featured__main{grid-row:1 / 3}.ut-featured__main,.ut-featured__side{position:relative;border-radius:var(--ut-radius);overflow:hidden}.ut-featured__link{display:block;height:100%}.ut-featured__image{height:100%;min-height:300px}.ut-featured__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.ut-featured__main:hover .ut-featured__image img,.ut-featured__side:hover .ut-featured__image img{transform:scale(1.04)}.ut-featured__overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 24px 24px;background:linear-gradient(transparent,rgb(0 0 0 / .85));display:flex;flex-direction:column;gap:8px}.ut-featured__side .ut-featured__overlay{padding:20px 16px 16px}.ut-featured__title{font-size:1.3rem;font-weight:700;color:#fff;line-height:1.25}.ut-featured__side .ut-featured__title{font-size:1rem}.ut-featured__meta{display:flex;gap:12px;font-size:.8rem;color:rgb(255 255 255 / .6)}.ut-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ut-gap)}.ut-card{background:var(--ut-bg-card);border:1px solid var(--ut-border);border-radius:var(--ut-radius);overflow:hidden;transition:all var(--ut-transition)}.ut-card:hover{transform:translateY(-6px);box-shadow:var(--ut-shadow-hover);border-color:var(--ut-border-hover)}.ut-card__link{display:block;height:100%}.ut-card__image{height:220px;overflow:hidden;position:relative}.ut-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.ut-card:hover .ut-card__image img{transform:scale(1.06)}.ut-card__image .ut-badge{position:absolute;top:12px;left:12px;z-index:2}.ut-card__placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--ut-bg-surface);color:var(--ut-text-muted)}.ut-card__placeholder svg{width:48px;height:48px}.ut-card__body{padding:20px}.ut-card__title{font-size:1.05rem;font-weight:700;color:var(--ut-text-heading);line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s ease}.ut-card:hover .ut-card__title{color:var(--ut-accent)}.ut-card__meta{display:flex;gap:12px;font-size:.78rem;color:var(--ut-text-muted);margin-bottom:10px}.ut-card__excerpt{font-size:.88rem;color:var(--ut-text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.ut-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ut-accent);transition:transform 0.2s ease}.ut-card:hover .ut-card__cta{transform:translateX(4px)}.ut-about-cta{background:var(--ut-bg-surface)}.ut-about-cta__inner{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.ut-about-cta__text h2{font-size:1.6rem;font-weight:700;color:var(--ut-text-heading);margin-bottom:16px}.ut-about-cta__text p{color:var(--ut-text-muted);line-height:1.7;margin-bottom:12px}.ut-about-cta__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.ut-stat{text-align:center;padding:20px;background:var(--ut-bg-card);border-radius:var(--ut-radius);border:1px solid var(--ut-border)}.ut-stat__number{display:block;font-size:2rem;font-weight:800;color:var(--ut-accent);line-height:1;margin-bottom:6px}.ut-stat__label{font-size:.75rem;color:var(--ut-text-muted)}.ut-footer{background:var(--ut-bg-surface);border-top:1px solid var(--ut-border);padding:48px 0 0}.ut-footer__grid{display:grid;grid-template-columns:1.2fr 0.8fr 1fr;gap:40px;padding-bottom:40px}.ut-footer__heading{font-size:.95rem;font-weight:600;color:var(--ut-text-heading);margin-bottom:16px}.ut-footer__text{font-size:.85rem;color:var(--ut-text-muted);line-height:1.6;margin-bottom:16px}.ut-footer__social{display:flex;gap:12px}.ut-footer__social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .06);border-radius:50%;color:var(--ut-text-muted);transition:all 0.2s ease}.ut-footer__social-link:hover{background:var(--ut-accent);color:#fff}.ut-footer__links li{margin-bottom:8px}.ut-footer__links a{font-size:.85rem;color:var(--ut-text-muted);transition:color 0.2s ease}.ut-footer__links a:hover{color:var(--ut-accent)}.ut-footer__popular li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--ut-border)}.ut-footer__popular a{font-size:.85rem;color:var(--ut-text-muted);line-height:1.4;transition:color 0.2s ease}.ut-footer__popular a:hover{color:var(--ut-accent)}.ut-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--ut-border);font-size:.8rem;color:var(--ut-text-muted)}.ut-footer__bottom-nav{display:flex;gap:20px}.ut-footer__bottom-nav a{color:var(--ut-text-muted);transition:color 0.2s ease}.ut-footer__bottom-nav a:hover{color:var(--ut-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ut-bg)}::-webkit-scrollbar-thumb{background:var(--ut-accent);border-radius:3px}::selection{background:rgb(76 175 80 / .3);color:#fff}@media (max-width:1024px){.ut-categories__grid{grid-template-columns:repeat(3,1fr)}.ut-featured__grid{grid-template-columns:1fr}.ut-featured__main{grid-row:auto}.ut-about-cta__inner{grid-template-columns:1fr}.ut-about-cta__stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ut-header__toggle{display:flex}.ut-nav{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--ut-bg);padding:24px;transform:translateX(100%);transition:transform 0.3s ease;z-index:999;overflow-y:auto}.ut-nav.is-open{transform:translateX(0)}.ut-nav__list{flex-direction:column;gap:0}.ut-nav__list li a{padding:14px 16px;font-size:1.05rem}.ut-nav__list li ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:#fff0;padding-left:16px}.ut-categories__grid{grid-template-columns:repeat(2,1fr)}.ut-post-grid{grid-template-columns:1fr}.ut-hero__title{font-size:2rem}.ut-hero__content{padding:60px 20px}.ut-hero{min-height:380px}.ut-section{padding:40px 0}.ut-footer__grid{grid-template-columns:1fr;gap:24px}.ut-footer__bottom{flex-direction:column;gap:12px;text-align:center}.ut-card__image{height:200px}}@media (max-width:480px){.ut-categories__grid{grid-template-columns:1fr 1fr}.ut-card__image{height:180px}.ut-hero__actions{flex-direction:column}.ut-btn{width:100%;justify-content:center}}.admin-bar .ut-header{top:32px}@media (max-width:782px){.admin-bar .ut-header{top:46px}}