.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-bottom:1px solid #17203314;box-shadow:0 12px 30px #1720330f;position:sticky;top:0;z-index:100}.header-inner{gap:1rem;justify-content:space-between;margin:0 auto;padding:1rem 0;width:min(1200px,calc(100% - 2rem))}.brand,.header-inner{align-items:center;display:flex}.brand{gap:.9rem}.brand strong{display:block;font-size:1.05rem;font-weight:700}.brand small{color:#5f6f85}.brand-icon{background:linear-gradient(135deg,#0f766e,#1d4ed8);border-radius:14px;box-shadow:0 10px 24px #1d4ed847;color:#fff;display:grid;height:48px;place-items:center;width:48px}.header-nav{align-items:center;display:flex;gap:.75rem}.nav-link{align-items:center;border-radius:999px;color:#31425b;display:inline-flex;gap:.55rem;padding:.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link.active,.nav-link:hover{background:linear-gradient(135deg,#0f766e1f,#1d4ed81f);color:#12314f;transform:translateY(-1px)}@media (max-width:768px){.header-inner{align-items:flex-start;flex-direction:column}.header-nav{flex-wrap:wrap;width:100%}}.site-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-top:1px solid #17203314;margin-top:3rem}.footer-inner{color:#5f6f85;display:flex;flex-direction:column;gap:.35rem;margin:0 auto;padding:1.5rem 0 2rem;width:min(1200px,calc(100% - 2rem))}.footer-inner p{color:#22314b;font-weight:600;margin:0}.message-card{background:#fff;border:1px solid #1720330f;border-radius:18px;box-shadow:0 10px 30px #1428501a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-card:hover{box-shadow:0 18px 40px #14285029;transform:translateY(-6px)}.message-image-wrap{position:relative}.message-card img{height:220px;object-fit:cover;width:100%}.message-category{background:#ffffffeb;border-radius:999px;color:#134e4a;font-size:.85rem;font-weight:700;left:1rem;padding:.45rem .8rem;position:absolute;top:1rem}.message-card-body{padding:1.4rem}.message-card-body h3{color:#16243b;font-size:1.2rem;margin:.4rem 0 .75rem}.message-card-body p{color:#5a6980;line-height:1.7;margin:0}.message-rating{align-items:center;color:#c2410c;display:inline-flex;font-weight:700;gap:.45rem}.message-card-footer{align-items:center;color:#42526a;display:flex;gap:1rem;justify-content:space-between;margin-top:1.2rem}.message-link{align-items:center;color:#1d4ed8;display:inline-flex;font-weight:700;gap:.45rem}.home-page{padding:2rem 0 0}.hero-section{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;padding:2rem 0 3rem}.hero-content h1{color:#12233d;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.05;margin:0 0 1rem}.hero-content p{color:#58677d;font-size:1.05rem;line-height:1.8;margin:0;max-width:680px}.eyebrow,.section-label{background:#0f766e1a;border-radius:999px;color:#0f766e;display:inline-block;font-size:.88rem;font-weight:700;margin-bottom:.9rem;padding:.45rem .85rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.btn{align-items:center;border-radius:14px;display:inline-flex;font-weight:700;gap:.6rem;padding:.95rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#0f766e,#1d4ed8);box-shadow:0 16px 30px #1d4ed83d;color:#fff}.btn-secondary{background:#ffffffd1;border:1px solid #18324c14;box-shadow:0 10px 24px #18324c14;color:#18324c}.btn:hover{transform:translateY(-3px)}.hero-panel{display:flex;justify-content:center}.hero-glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff85;border:1px solid #ffffff8c;border-radius:24px;box-shadow:0 25px 60px #12233d1f;max-width:420px;padding:1.6rem;width:100%}.hero-glass-card h3{color:#132640;margin-bottom:.75rem;margin-top:0}.hero-glass-card p{color:#5b6c81}.hero-glass-card ul{grid-gap:.9rem;display:grid;gap:.9rem;list-style:none;margin:1.2rem 0 0;padding:0}.hero-glass-card li{align-items:center;color:#1f3149;display:flex;font-weight:600;gap:.75rem}.preview-section{padding:1rem 0 2.5rem}.section-header{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#12233d;font-size:2rem;margin:0}.section-link{align-items:center;color:#1d4ed8;display:inline-flex;font-weight:700;gap:.5rem}.features-section,.message-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feature-card{background:linear-gradient(180deg,#fff,#f9fbfd);border:1px solid #12233d0f;border-radius:18px;box-shadow:0 14px 30px #14285014;padding:1.5rem}.feature-card h3{color:#17304d;margin-top:0}.feature-card p{color:#5c6c82;line-height:1.7;margin-bottom:0}.state-box{background:#fff;border-radius:16px;box-shadow:0 10px 24px #14285014;color:#28415e;padding:1.2rem 1.3rem}.state-box.error{background:#fff6f5;color:#b42318}@media (max-width:900px){.hero-section{grid-template-columns:1fr}}.messages-page{padding:2rem 0 3rem}.messages-hero{background:linear-gradient(135deg,#0f172a,#164e63);border-radius:24px;box-shadow:0 20px 40px #0f172a2e;color:#fff;padding:1.6rem 1.6rem 1.8rem}.page-label{background:#ffffff1f;border-radius:999px;display:inline-block;font-size:.86rem;font-weight:700;margin-bottom:.8rem;padding:.45rem .8rem}.messages-hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .6rem}.messages-hero p{color:#ffffffd1;line-height:1.7;margin:0;max-width:700px}.filter-bar{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.filter-btn{background:#fff;border:none;border-radius:999px;box-shadow:0 10px 22px #14285014;color:#29415f;cursor:pointer;font-weight:700;padding:.8rem 1rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,#0f766e,#1d4ed8);color:#fff;transform:translateY(-2px)}.messages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.messages-state{background:#fff;border-radius:16px;box-shadow:0 10px 22px #14285014;color:#28415e;padding:1.15rem 1.25rem}.messages-state.error{background:#fff6f5;color:#b42318}.message-detail-page{padding:2rem 0 3rem}.back-link{align-items:center;color:#1d4ed8;display:inline-flex;font-weight:700;gap:.55rem;margin-bottom:1.2rem}.message-detail-card{background:#fff;border:1px solid #12233d0f;border-radius:24px;box-shadow:0 18px 40px #1428501a;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.message-detail-media img{height:100%;min-height:420px;object-fit:cover;width:100%}.message-detail-content{display:flex;flex-direction:column;justify-content:center;padding:2rem}.detail-category{background:#0f766e1a;border-radius:999px;color:#0f766e;display:inline-block;font-weight:700;margin-bottom:.9rem;padding:.45rem .8rem;width:fit-content}.message-detail-content h1{color:#14263f;margin:0 0 .75rem}.detail-rating{align-items:center;color:#c2410c;display:inline-flex;font-weight:700;gap:.5rem;margin-bottom:1rem}.message-detail-content p{color:#5d6c81;line-height:1.8;margin:0}.detail-highlight{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-radius:16px;color:#21405d;display:flex;flex-direction:column;gap:.35rem;margin-top:1.5rem;padding:1rem 1.1rem}.detail-state{background:#fff;border-radius:16px;box-shadow:0 10px 22px #14285014;margin:2rem 0;padding:1.2rem}.detail-state.error{background:#fff6f5;color:#b42318}@media (max-width:900px){.message-detail-card{grid-template-columns:1fr}.message-detail-media img{min-height:280px}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1 1;margin:0 auto;width:min(1200px,calc(100% - 2rem))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f5f7fb,#eef4f8);color:#172033;font-family:Inter,Arial,Helvetica,sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh}