*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',system-ui,sans-serif;background:#f8fafc;color:#334155;line-height:1.6;min-height:100vh}.container{display:flex;min-height:100vh;max-width:1400px;margin:0 auto}.left-column{width:250px;background:linear-gradient(180deg,#2563eb 0,#1d4ed8 100%);color:#fff;padding:1.5rem;position:sticky;top:0;height:100vh}.site-name{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.site-name a{color:#fff;text-decoration:none;transition:opacity .2s}.site-name a:hover{opacity:.9}.menu{display:flex;flex-direction:column;gap:.5rem}.menu a{color:#fff;text-decoration:none;padding:.75rem 1rem;border-radius:6px;transition:all .2s ease;background:rgba(255,255,255,.1)}.menu a:hover{background:rgba(255,255,255,.2);transform:translateX(4px)}.menu-icon{display:none;font-size:1.5rem;cursor:pointer;padding:.5rem;user-select:none}.right-column{flex:1;display:flex;flex-direction:column;padding:2rem;background:#fff}.content{flex:1;max-width:900px;width:100%;margin:0 auto}footer{margin-top:3rem;padding:1.5rem;background:#1e293b;color:#fff;text-align:center;border-radius:8px}.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem}.footer-menu a{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-menu a:hover{color:#fff}.copyright{font-size:.85rem;color:#94a3b8}@media (max-width:768px){.container{flex-direction:column}.left-column{width:100%;height:auto;padding:1rem;position:relative;display:flex;justify-content:space-between;align-items:center}.site-name{margin-bottom:0;font-size:1.3rem}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#1d4ed8;padding:1rem;border-radius:0 0 8px 8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:1000}.menu.active{display:flex}.menu-icon{display:block}.right-column{padding:1.5rem}.footer-menu{flex-direction:column;gap:.5rem}.footer-menu a:not(:last-child):after{display:none}}@media (min-width:769px) and (max-width:1024px){.left-column{width:220px}.right-column{padding:1.5rem}}