@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:wght@400;700&display=swap";
.page-note{color:#444;background:linear-gradient(135deg, var(--info-base-100), #c0a87814);border-left:4px solid var(--info-accent);max-width:1200px;box-shadow:var(--info-shadow-sm);border-radius:12px;margin:3rem auto;padding:2rem 2.5rem;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.8;transition:all .3s;position:relative;overflow:hidden}.page-note:before{content:"";background:linear-gradient(90deg, transparent, var(--info-accent), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.page-note:after{content:"ℹ";color:var(--info-accent);font-size:1.25rem;font-style:normal;font-weight:700;transition:transform .3s,color .3s;position:absolute;top:2rem;left:.75rem}.page-note:hover{border-left-color:var(--info-accent-hover);box-shadow:var(--info-shadow-md);transform:translate(4px)}.page-note:hover:after{color:var(--info-accent-hover);transform:scale(1.2)rotate(10deg)}@media (max-width:1024px){.page-note{padding:1.75rem 2.25rem;font-size:1rem}.page-note:after{font-size:1.15rem;top:1.75rem}}@media (max-width:768px){.page-note{border-radius:10px;margin:2rem 1rem;padding:1.5rem 2rem 1.5rem 3rem;font-size:.95rem}.page-note:before{height:1.5px}.page-note:after{font-size:1.1rem;top:1.5rem;left:.5rem}.page-note:hover{transform:translate(2px)}}