.article-main{min-height:100vh;background:linear-gradient(160deg,#FFFBF4,#FFF6EC 40%,#FFF0F8)}.article-hero{position:relative;width:100%;height:clamp(380px,50vh,560px);display:flex;align-items:flex-end;overflow:hidden}.article-hero-image{position:absolute;inset:0;object-fit:cover;object-position:center}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,5,10,.85) 0,rgba(15,5,10,.4) 45%,transparent)}.article-hero-gradient-only{position:absolute;inset:0;background:linear-gradient(145deg,#FD6E00,#FF3D78 65%,#D90A5C)}.article-hero-content{position:relative;z-index:1;padding:2.5rem clamp(1.5rem,5vw,3.5rem);max-width:900px;margin:0 auto;width:100%}.article-back-hero{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8);cursor:pointer;margin-bottom:1.5rem;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,transform .2s;background:none;border:none;padding:0;font-family:inherit}.article-back-hero:hover{color:#fff;transform:translateX(-3px)}.article-hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:.75rem;flex-wrap:wrap}.article-hero-category{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-hero-date{font-size:12px;color:rgba(255,255,255,.65);letter-spacing:.04em}.article-hero-title{font-size:clamp(24px,4vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin:0 0 2rem;text-shadow:0 1px 8px rgba(0,0,0,.2)}.article-hero-author{font-size:12.5px;color:rgba(255,255,255,.75);letter-spacing:.02em;margin:-1.25rem 0 0}.article-body-card{max-width:780px;margin:2rem auto 4rem;background:#fff;border-radius:20px;padding:clamp(2rem,4vw,3.5rem);box-shadow:0 2px 8px rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.09);border:1px solid rgba(0,0,0,.06);position:relative;z-index:2}.article-content{line-height:1.8}.article-content p{font-size:clamp(16px,1.4vw,17.5px);color:#374151;margin-bottom:1.5rem}.article-content h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.025em;color:#EF6500;margin:2.5rem 0 1rem;line-height:1.2}.article-content h3{font-size:clamp(18px,2vw,22px);font-weight:700;color:#D90A5C;margin:2rem 0 .75rem;letter-spacing:-.01em}.article-content h4{font-size:clamp(16px,1.7vw,19px);font-weight:700;color:#D90A5C;margin:1.75rem 0 .6rem}.article-content ol,.article-content ul{padding-left:1.5rem;margin-bottom:1.5rem}.article-content li{font-size:clamp(15px,1.3vw,17px);color:#374151;margin-bottom:.5rem;line-height:1.7}.article-content blockquote{border-left:3px solid #fd6e00;padding:1.25rem 1.5rem;margin:2rem 0;background:#FFF6EC;border-radius:0 12px 12px 0;font-style:italic;color:#6b4455;font-size:clamp(16px,1.5vw,18px);line-height:1.65}.article-content img{width:100%;height:auto;border-radius:14px;margin:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,.08)}.article-content a{color:#D90A5C;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.article-content a:hover{color:#D90A5C}.article-content strong{color:#D90A5C;font-weight:700}.article-back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:#fff;color:#D90A5C;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1.5px solid rgba(253,110,0,.25);font-family:inherit;margin:0 auto 3rem;max-width:780px;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06)}.article-back-button:hover{border-color:#FD6E00;background:#FFF6EC;transform:translateX(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.article-back-button:first-of-type{margin-top:0;margin-bottom:1.5rem}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#F5F5F7}@media (max-width:768px){.article-hero{height:clamp(280px,45vh,380px)}.article-body-card{margin:-2rem 1rem 3rem;border-radius:16px;padding:1.75rem}.article-back-button{margin-inline:1rem;width:calc(100% - 2rem);justify-content:center}}