body{background:linear-gradient(135deg,#fff7e6,#ffe0b2);font-family:Oswald,Bebas Neue,Bangers,Arial,sans-serif;margin:0;min-height:100vh}.header{background:linear-gradient(90deg,#ff9800,#ff5722);box-shadow:0 4px 16px #0000001f;color:#fff;font-family:Bangers,Bebas Neue,cursive;font-size:2.8rem;letter-spacing:2px;padding:24px 0 16px;position:sticky;text-align:center;top:0;z-index:10}.header .icon{font-size:2.2rem;margin-right:12px;vertical-align:middle}nav{display:flex;gap:1.5rem;justify-content:center;margin:24px 0 12px}nav button{background:#fff;border:2px solid #ff9800;border-radius:24px;box-shadow:0 2px 8px #ff980014;color:#ff9800;cursor:pointer;font-family:Bebas Neue,Arial,sans-serif;font-size:1.2rem;margin:0 4px;padding:8px 24px;transition:all .2s}nav button.active,nav button:hover{background:#ff9800;border-color:#ff9800;color:#fff}form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1em}form button,form input{border:1.5px solid #ff9800;border-radius:16px;font-family:Oswald,Arial,sans-serif;font-size:1rem;outline:none;padding:8px 16px}form input:focus{border-color:#ff5722}form button{background:#ff9800;border:none;color:#fff;cursor:pointer;font-weight:700;transition:background .2s}form button:hover{background:#ff5722}ul{list-style:none;padding:0}.articles-list li,.todos-list li{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #ff980014;display:flex;font-size:1.1rem;gap:10px;margin-bottom:10px;padding:12px 18px}.articles-list li strong{color:#ff9800;font-family:Bebas Neue,Arial,sans-serif;font-size:1.2rem}.todos-list li{cursor:pointer;transition:background .2s}.todos-list li.done{background:#ffe0b2;color:#bbb;text-decoration:line-through}.logout-btn{align-items:center;background:#fff;border:2px solid #ff9800;border-radius:50%;box-shadow:0 2px 8px #ff980014;color:#ff9800;cursor:pointer;display:flex;font-size:1.6rem;height:44px;justify-content:center;position:absolute;right:24px;top:24px;transition:background .2s,color .2s,border .2s;width:44px;z-index:20}.logout-btn:focus,.logout-btn:hover{background:#ff9800;border-color:#fff;color:#fff;outline:none}@media (max-width:600px){.header{font-size:2rem;padding:16px 0 10px}nav button{font-size:1rem;padding:6px 12px}.articles-list li,.todos-list li{font-size:1rem;padding:8px 10px}.logout-btn{font-size:1.2rem;height:36px;right:8px;top:8px;width:36px}}.login-container{justify-content:center;min-height:70vh}.login-card,.login-container{align-items:center;display:flex}.login-card{background:#fff;border-radius:24px;box-shadow:0 4px 24px #ff98001f,0 1.5px 8px #0000000f;flex-direction:column;max-width:350px;padding:36px 32px 28px;width:100%}.login-title{color:#ff9800;font-family:Bebas Neue,Oswald,Arial,sans-serif;font-size:2.2rem;letter-spacing:1.5px;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:18px;width:100%}.input-group{align-items:center;background:#fff7e6;border:1.5px solid #ff9800;border-radius:16px;display:flex;margin-bottom:2px;padding:6px 12px}.input-icon{color:#ff9800;font-size:1.2rem;margin-right:8px}.input-group input{background:#0000;border:none;font-family:Oswald,Arial,sans-serif;font-size:1rem;outline:none;padding:6px 0;width:100%}.login-btn{background:linear-gradient(90deg,#ff9800,#ff5722);border:none;border-radius:20px;box-shadow:0 2px 8px #ff980014;color:#fff;cursor:pointer;font-family:Bebas Neue,Arial,sans-serif;font-size:1.2rem;letter-spacing:1px;margin-top:8px;padding:10px 0;transition:background .2s,color .2s;width:100%}.login-btn:focus,.login-btn:hover{background:#ff9800;color:#fff}.login-error{background:#ff5722;border-radius:12px;box-shadow:0 2px 8px #ff572214;color:#fff;margin:16px 0 0;padding:8px 16px;text-align:center}.login-error,.login-links{font-family:Oswald,Arial,sans-serif;font-size:1rem}.login-links{color:#ff9800;display:flex;gap:8px;justify-content:center;margin-top:18px}.login-links a{color:#ff9800;font-weight:700;text-decoration:none;transition:color .2s}.login-links a:hover{color:#ff5722;text-decoration:underline}@media (max-width:600px){.login-card{max-width:98vw;padding:18px 6vw 16px}.login-title{font-size:1.3rem}}.login-success{background:#43a047;border-radius:12px;box-shadow:0 2px 8px #43a04714;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:1rem;margin:16px 0 0;padding:8px 16px;text-align:center}
/*# sourceMappingURL=main.2d807838.css.map*/