*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--purple-dark:#440893;--purple-mid:#3d1a7a;--purple-light:#5c46e5;--purple-accent:#6b5ce7;--mint:#b9d9a1;--mint-light:#d9e8d8;--mint-bg:#eef5ec;--white:#fff;--text-dark:#1a1a2e;--text-muted:#555;--text-light:hsla(0,0%,100%,.85);--footer-bg:#111118;--card-bg:#f5f7f4;--radius-lg:32px;--radius-md:16px;--radius-sm:8px;--shadow:0 8px 32px rgba(0,0,0,.18)}html{scroll-behavior:smooth}body{background:linear-gradient(271deg,var(--purple-dark) 0,var(--purple-mid) 45%,#2d1260 100%);color:var(--text-dark);font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button,input{border:none;font-family:inherit;outline:none}.container{margin:0 auto;width:min(1200px,92%)}.container-lg{margin:0 auto;width:min(1600px,97%)}.hidden{display:none!important}.site-header{left:0;padding:28px 0;pointer-events:none;position:fixed;right:0;top:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease;z-index:100}.page-blog .site-header{padding:40px 0}#main-content{padding-top:106px}.page-blog #main-content{padding-top:130px}.header-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;pointer-events:auto;transition:max-width .4s ease,padding .4s ease,background .4s ease,box-shadow .4s ease,border-radius .4s ease}.site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(-24px)}.site-header.is-dock{bottom:20px;padding:0 20px;top:auto}.site-header.is-dock .header-inner{background:linear-gradient(271deg,var(--purple-dark) 0,var(--purple-mid) 45%,#2d1260 100%);border-radius:999px;box-shadow:0 16px 40px rgba(40,12,90,.4);gap:0;justify-content:center;margin:0 auto;max-width:92vw;padding:10px 18px;width:auto}.site-header.is-dock .btn-contact,.site-header.is-dock .logo{display:none}.site-header.is-dock .main-nav{border-color:transparent;padding:0}.site-header.is-dock .main-nav a{font-size:.85rem;padding:8px 16px}.site-header.is-dock.is-hidden{transform:translateY(24px)}.logo img{height:50px;width:auto}.main-nav{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;display:flex;gap:36px;padding:10px 20px}.main-nav a{color:var(--white);font-size:1rem;font-weight:400;letter-spacing:.02em;padding:2px 10px;position:relative;transition:opacity .2s}.main-nav a:hover{opacity:.8}.main-nav a.active{color:var(--mint)}.main-nav a:after{background:linear-gradient(90deg,transparent,#e67542,#0074fd,transparent);bottom:-3px;content:"";height:1px;left:0;opacity:0;position:absolute;transition:all .3s;width:0}.main-nav a.active:after{opacity:.7;width:100%}.btn-contact{background:var(--mint);border-radius:10px;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.08em;padding:12px 24px;transition:background .2s,transform .15s;white-space:nowrap}.btn-contact:hover{background:#a8cc8f;transform:translateY(-1px)}.content-panel{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.section-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;margin-bottom:32px;text-align:center}.site-footer{background:var(--footer-bg);color:var(--text-light);padding:56px 0 0}.page-blog .site-footer{margin-top:40px}.footer-grid{display:grid;gap:40px;grid-template-columns:1.4fr 1fr 1.2fr 1.3fr;padding-bottom:48px}.footer-col h3{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:18px}.footer-col p{color:hsla(0,0%,100%,.65);font-size:.85rem;line-height:1.7;margin-bottom:18px}.btn-know-more,.btn-subscribe{background:var(--purple-light);border-radius:999px;color:var(--white);cursor:pointer;font-size:.8rem;font-weight:600;padding:10px 22px;transition:background .2s}.btn-know-more:hover,.btn-subscribe:hover{background:#4a38c9}.footer-links li{margin-bottom:10px}.footer-links a{color:hsla(0,0%,100%,.65);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--white)}.recent-post{align-items:center;display:flex;gap:14px;margin-bottom:16px}.recent-post img{border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.recent-post-text{color:hsla(0,0%,100%,.65);font-size:.8rem;line-height:1.5}.subscribe-form{display:flex;gap:0;margin-bottom:24px}.subscribe-form input{background:var(--white);border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-dark);flex:1;font-size:.85rem;min-width:0;padding:10px 14px}.subscribe-form .btn-subscribe{border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:nowrap}.social-icons{display:flex;gap:12px}.social-icons a{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:var(--white);display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.social-icons a:hover{background:var(--purple-light)}.social-icons svg{fill:currentColor;height:16px;width:16px}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.pagination,.pagination a{align-items:center;justify-content:center}.pagination a{background:var(--white);border:1px solid rgba(17,17,24,.12);border-radius:999px;color:var(--text-dark);display:inline-flex;font-size:.875rem;font-weight:500;height:40px;min-width:40px;padding:0 14px;transition:background .2s,border-color .2s,color .2s}.pagination a:focus,.pagination a:hover{border-color:var(--purple-light);color:var(--purple-light)}.pagination a.active{background:var(--purple-light);border-color:var(--purple-light);color:var(--white)}.pagination .next,.pagination .prev{min-width:auto}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);padding:28px 0;text-align:center}.footer-bottom .logo img{height:40px;margin:0 auto 10px;opacity:.9}.footer-bottom p{color:hsla(0,0%,100%,.45);font-size:.75rem}.footer-bottom a{color:var(--purple-light);transition:color .2s}.footer-bottom a:hover{color:var(--white)}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-inner{flex-wrap:wrap}.main-nav{gap:24px;justify-content:center;order:3;width:100%}.footer-grid{gap:32px;grid-template-columns:1fr}}@media (max-width:480px){.main-nav{font-size:.875rem;gap:16px}.btn-contact{font-size:.7rem;padding:10px 18px}}