@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";body{background-color:#fdf8e4;margin:0;font-family:Noto Serif SC,serif;overflow:hidden}.app-container{width:100vw;height:100vh;position:relative}.textured-bg:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.page-home{background-color:#fdf8e4;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.main-title{color:#815a5b;margin-bottom:1rem;font-size:4rem}.subtitle{color:#815a5b;opacity:.8;margin-bottom:3rem;font-size:1.5rem}.button-group{gap:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#815a5b;border:none;border-radius:30px;padding:12px 32px;font-family:inherit;font-size:1rem}.page-stu{background-color:#fff9c5;width:100%;height:100%;position:absolute;top:0;left:0}.page-blog{background-color:#f2ebe5;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sidebar{background-color:#e8ded5;border-right:1px solid #d7ccc8;width:250px;height:100%;padding:2rem}.content-area{flex:1;padding:3rem;overflow-y:auto}.btn-back{color:#815a5b;cursor:pointer;background:0 0;border:1px solid #815a5b;border-radius:20px;margin-top:auto;padding:10px 20px}.top-nav{gap:1.5rem;display:flex;position:absolute;top:2rem;right:2rem}.nav-link{cursor:pointer;color:#815a5b;border-radius:20px;padding:.5rem 1rem}.nav-link.active{color:#fff;background-color:#815a5b}*{box-sizing:border-box;margin:0;padding:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Noto Serif SC,serif}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.page-wrapper{width:100%;height:100%;overflow:hidden}.page-content{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100%;overflow:hidden auto}.page-content::-webkit-scrollbar{display:none}