html,body{margin:0;font-family:Arial,sans-serif}body{max-width:860px;margin:0 auto}h1{color:#333;margin-top:0}.notification-banner{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:860px;padding:1rem;margin:0;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.notification-banner.active{opacity:1;visibility:visible}.notification-banner p{margin:0;padding:0}.notification-banner.error-banner{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.notification-banner.success-banner{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.button{display:inline-block;padding:.5rem .75rem;background:#333;color:#fff;text-decoration:none;border-radius:4px;border:none;cursor:pointer;font-size:.9em;transition:background-color .2s ease}.button:hover{background:#1a1a1a}.button:disabled{color:#666;background-color:#f0f0f0;cursor:not-allowed}.button-small{padding:.25rem .5rem;font-size:.8em}.button-secondary{background:#f0f0f0;color:#333}.button-secondary:hover:not(:disabled){background:#e0e0e0}.button-danger{background:#dc3545;color:#fff}.button-danger:hover:not(:disabled){background:#d12435}.button-primary{background-color:#06c;color:#fff}.button-primary:hover:not(:disabled){background-color:#0052a3}.header{position:fixed;top:0;left:0;right:0;height:60px;background-color:#f8f8f8;box-shadow:0 2px 4px #3333331a;z-index:100}.header .header-content{margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem .5rem .5rem}.header .header-title{max-width:860px;display:flex;align-items:center;text-decoration:none;color:#333}.header .header-title .header-logo{width:40px;height:40px;margin-right:.25rem;transition:transform .2s ease-in-out}.header .header-title:hover .header-logo{transform:scale(1.05) rotate(10deg)}.header h1{margin:0;font-size:1.5rem;color:inherit}@media (max-width: 768px){.header h1{font-size:1.5rem}}body{max-width:100%;margin:0 auto}.actions{margin-bottom:20px;display:flex;gap:10px}.main-content{margin-top:60px}.main-content section{max-width:860px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-content section.main-content-section{min-height:calc(100vh - 60px)}.main-content .main-content-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10rem}.main-content .main-content-hero h2{font-size:4rem;text-align:center;margin:.5rem 0;color:#333}.main-content .main-content-hero p{font-size:1.5rem;text-align:center;margin:0;color:#666}.main-content .main-content-features{display:flex;flex-direction:row;gap:2rem}.main-content .main-content-features .main-content-features-item{margin:0;border:1px solid #ddd;border-radius:5px;padding:2rem}.main-content .main-content-features .main-content-features-item h3{margin:0 0 1rem}.main-content .main-content-features .main-content-features-item ul{padding-inline-start:1rem}.footer{padding:2rem;background-color:#f5f5f5;border-top:1px solid #ddd}.footer .footer-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.footer .footer-content a{color:#666;text-decoration:none}.footer .footer-content a:hover{color:#06c}@media (max-width: 768px){.main-content .main-content-hero{margin-bottom:5rem}.main-content .main-content-hero h2{font-size:3rem}.main-content .main-content-hero p{font-size:1.25rem}.main-content .main-content-features{flex-direction:column}}