*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;font-family:Times New Roman,Times,serif}a{color:#f0f8ff;text-decoration:none}h1,.main-title{text-align:center}@keyframes fullPageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.content-wrapper{text-align:center;max-width:600px;margin:auto;padding:20px;line-height:1.6}.page-transition{background:linear-gradient(#1e1b4b 0%,#09090b 100%);width:100%;min-height:100vh;animation:1s cubic-bezier(.16,1,.3,1) forwards fullPageFadeIn}.app-layout{color:#f8fafc;background:linear-gradient(#1e293b 0%,#0f172a 100%);min-height:100vh;display:flex}.sidebar{z-index:100;background-color:#0b0f19;border-right:1px solid #1e293b;flex-direction:column;align-items:center;width:84px;height:100vh;padding-top:24px;display:flex;position:fixed;top:0;left:0}.sidebar-item{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:68px;height:68px;margin-bottom:8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background-color:#ffffff14}.sidebar-item.active{color:#fff;background-color:#6366f133}.main-content{flex:1;margin-left:84px;padding:40px}.content-wrapper{max-width:900px;margin:0 auto}.content-section{border-bottom:1px solid #ffffff0d;padding:60px 0}.content-section h1{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.content-section p{color:#94a3b8;font-size:1.1rem;line-height:1.6}