.blog-post-page{background:#f8fafc;min-height:100vh;padding-top:30px}.blog-post{background:#fff;border-radius:20px;max-width:95%;margin:0 auto 60px;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 12px 48px #00000014}.blog-post-header{color:#fff;background-position:50%;background-size:cover;padding:70px 50px;position:relative;overflow:hidden}.blog-post-header:before{content:"";z-index:0;background:#00000080;position:absolute;inset:0}.blog-post-header-content{z-index:1;max-width:1100px;margin:0 auto;position:relative}.blog-post-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#ffffff40;border-radius:50px;margin-bottom:24px;padding:10px 22px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 4px 12px #0000001a}.blog-post-title{letter-spacing:-1px;text-shadow:0 2px 20px #0000001a;margin:0 0 28px;font-size:38px;font-weight:800;line-height:1.2}.blog-post-meta{opacity:.95;gap:28px;font-size:15px;font-weight:500;display:flex}.blog-post-image{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);width:100%;height:480px;overflow:hidden}.blog-post-image img{object-fit:cover;width:100%;height:100%}.blog-post-content{max-width:1100px;margin:0 auto;padding:70px 70px 90px}.blog-intro{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:4px solid #006efe;border-radius:0 12px 12px 0;margin-bottom:40px;padding:32px;font-size:22px;font-weight:500;line-height:1.8}.blog-post-content h2{color:#0c1f3f;letter-spacing:-.5px;margin:56px 0 24px;padding-bottom:16px;font-size:28px;font-weight:800;line-height:1.3;position:relative}.blog-post-content h2:after{content:"";background:linear-gradient(90deg,#006efe 0%,#60a5fa 100%);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.blog-post-content h3{color:#0c1f3f;letter-spacing:-.3px;margin:40px 0 20px;font-size:22px;font-weight:700}.blog-post-content p{color:#1e293b;margin-bottom:24px;font-size:18px;line-height:1.9}.blog-post-content ul{margin:24px 0;padding-left:0;list-style:none}.blog-post-content li{color:#1e293b;margin-bottom:14px;padding-left:32px;font-size:18px;line-height:1.6;position:relative}.blog-post-content li:before{content:"✓";color:#fff;background:#006efe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.blog-post-content strong{color:#0c1f3f;font-weight:700}.pro-tip,.tip{color:#1e293b;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:5px solid #006efe;border-radius:0 12px 12px 0;margin:36px 0;padding:28px 60px 28px 32px;position:relative;box-shadow:0 2px 12px #006efe14}.pro-tip:before,.tip:before{content:"💡";opacity:.4;font-size:28px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.pro-tip strong,.tip strong{color:#1e293b;margin-bottom:8px;font-size:17px;display:block}.timeline-table{margin:40px 0}.timeline-table table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 12px #0000000f}.timeline-table th{color:#fff;text-align:left;letter-spacing:.3px;background:linear-gradient(135deg,#0b347a 0%,#006efe 100%);padding:20px;font-size:17px;font-weight:700}.timeline-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:20px;font-size:17px;font-weight:500}.timeline-table tbody tr:last-child td{border-bottom:none}.timeline-table tbody tr:hover{background:#f8fafc}.table-note{color:#64748b;margin-top:16px;font-size:16px;font-style:italic}.key-takeaways{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-left:5px solid #10b981;border-radius:0 12px 12px 0;margin:48px 0;padding:32px 36px 32px 56px;box-shadow:0 2px 12px #10b9811a}.key-takeaways li{color:#064e3b;margin-left:10px;font-weight:600}.key-takeaways li:before{background:#10b981}.cta-box{text-align:center;color:#fff;background:linear-gradient(135deg,#006efe 0%,#0b347a 100%);border-radius:20px;margin:56px 0 0;padding:56px 48px;position:relative;overflow:hidden;box-shadow:0 12px 32px #006efe40}.cta-box:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cta-box h3{color:#fff;letter-spacing:-.5px;z-index:1;margin:0 0 20px;font-size:32px;font-weight:800;position:relative}.cta-box p{color:#fffffff2;z-index:1;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:19px;position:relative}.cta-button{color:#006efe;z-index:1;letter-spacing:.3px;background:#fff;border-radius:50px;padding:18px 42px;font-size:17px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 8px 24px #0003}.cta-button:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.blog-post-footer{background:#fafbfc;border-top:2px solid #f1f5f9;max-width:1100px;margin:0 auto;padding:48px 70px}.back-to-blog{color:#006efe;background:#fff;border:2px solid #e2e8f0;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-size:17px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-blog:hover{color:#fff;background:#006efe;border-color:#006efe;gap:14px;transform:translate(-4px)}@media (max-width:992px){.blog-post-header{padding:50px 32px}.blog-post-title{font-size:32px}.blog-post-content{padding:50px 40px 60px}.blog-post-content h2{font-size:24px}}@media (max-width:768px){.blog-post-page{padding-top:30px}.blog-post-header{padding:40px 24px}.blog-post-title{font-size:26px}.blog-post-meta{flex-direction:column;gap:8px}.blog-post-image{height:300px}.blog-post-content{padding:40px 24px 50px}.blog-intro{font-size:18px}.blog-post-content h2{margin:36px 0 16px;font-size:22px}.blog-post-content h3{font-size:18px}.blog-post-content p,.blog-post-content li{font-size:16px}.timeline-table{overflow-x:auto}.cta-box{padding:32px 24px}.cta-box h3{font-size:24px}.cta-box p{font-size:16px}.blog-post-footer{padding:32px 24px}}