.menu-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px 12px;color:gold;transition:transform .2s ease}.menu-btn:hover{transform:scale(1.1)}.menu-panel{position:fixed;top:0;right:0;width:280px;height:100vh;background:#3d3448;z-index:1000;padding:60px 20px 20px;box-shadow:-4px 0 12px #0000004d}.menu-list{list-style:none;padding:0;margin:0}.menu-list li{margin:0 0 16px}.menu-link{text-decoration:none;color:#20b2aa;font-size:16px;padding:8px 0;display:block;font-weight:500;transition:color .2s ease}.menu-link:hover{color:gold}#title-div{background:linear-gradient(135deg,#4a3a6b,#6b5b95);color:gold;padding:16px 24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #f0b50033}#title-div h1{margin:0;font-size:28px;flex:1;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#2d1f3d;color:#f0f0f0;line-height:1.6}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.button{padding:10px 18px;border:none;cursor:pointer;font-size:14px;border-radius:6px;transition:all .2s ease}.button-primary{background-color:#f0b500;color:#1a1a1a;font-weight:600}.button-primary:hover{background-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #f0b50066}.card{background-color:#3d3448;border:1px solid #4a4358;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000004d}input,textarea{width:100%;padding:10px 12px;border:1px solid #4a4358;border-radius:6px;font-family:inherit;font-size:14px;transition:border-color .2s ease;background-color:#2d1f3d;color:#f0f0f0}input:focus,textarea:focus{outline:none;border-color:#f0b500;box-shadow:0 0 0 3px #f0b50033}