.card,.header{box-shadow:var(--shadow)}.card,.hero{overflow:hidden}:root{--primary:#1a1a2e;--secondary:#16213e;--accent:#22c55e;--accent-light:#86efac;--bg:#f0f4f8;--card:#ffffff;--shadow:0 10px 40px rgba(0, 0, 0, 0.08);--shadow-hover:0 20px 60px rgba(0, 0, 0, 0.12)}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}body{background:linear-gradient(135deg,#f0f4f8 0,#e8ecf1 100%);color:var(--primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.footer,.header{color:#fff;flex-shrink:0}.header{padding:60px 20px;text-align:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.header h1{font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.header p{color:var(--accent-light);margin-top:10px;font-size:1.1rem;font-weight:500}.container{max-width:1100px;margin:40px auto 60px;padding:0 20px;flex:1;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}@media (max-width:768px){.header{padding:40px 15px}.header h1{font-size:2rem}.header p{font-size:.95rem}.container{margin:30px auto 60px;padding:0 15px}.grid{gap:20px}.card h2{font-size:1.1rem}.btn{padding:10px 20px;font-size:.9rem}}.card{background:var(--card);border-radius:20px;border:1px solid #e0e7ff;transition:.3s cubic-bezier(.4, 0, .2, 1)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.card img,.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.back-link a,.btn{text-decoration:none;transition:.3s;display:inline-block}.card-content{padding:28px}.card h2{font-size:1.35rem;margin-bottom:12px;color:var(--primary);font-weight:700}.btn,.card p{font-size:.95rem}.card p{color:#6b7280;line-height:1.6}.btn{margin-top:20px;padding:12px 24px;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0,#16a34a 100%);color:#fff;font-weight:600;box-shadow:0 4px 15px rgba(34,197,94,.3)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(34,197,94,.4)}.article{max-width:800px;margin:40px auto;background:#fff;padding:30px;border-radius:16px;border:1px solid #e5e7eb}.article h1{margin-bottom:20px}.article h2{margin-top:25px}.back-link{max-width:800px;margin:30px auto 0;padding:0 20px 30px;text-align:left}.back-link a{color:var(--primary);font-weight:500}.back-link a:hover{color:var(--accent);transform:translateX(-4px)}.footer{text-align:center;padding:50px 20px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);font-weight:500;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.hero{width:100%;box-shadow:var(--shadow);max-height:250px;flex-shrink:0}.breadcrumb{max-width:1100px;margin:20px auto 0;padding:12px 20px;font-size:.9rem;color:#6b7280}.breadcrumb a{color:var(--accent);text-decoration:none;font-weight:500;transition:.3s}.breadcrumb a:hover{color:#16a34a;text-decoration:underline}.breadcrumb span{color:var(--primary);font-weight:600}@media (max-width:768px){.breadcrumb{padding:12px 15px;font-size:.85rem}}