.navbar{background-color:#f985fd;border-radius:20px;box-shadow:0 4px 16px #0000001f;justify-content:space-between;margin:20px auto;max-width:1200px;padding:20px 40px}.logo,.navbar{align-items:center;display:flex}.logo{color:#fff;gap:15px}.logo h1{font-size:30px;font-weight:700;margin:0}.material-icons{font-size:55px}.nav-links{align-items:center;display:flex;gap:35px}.nav-link{color:#fff;font-size:17px;font-weight:700;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#9f56ff}.nav-link:after{background-color:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link.active{border-bottom:3px solid #fff;color:#fff}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;gap:12px;margin:20px 16px;padding:20px}.logo{justify-content:center;width:100%}.logo h1{font-size:20px}.nav-links{flex-direction:column;gap:14px;padding-left:4px;width:100%}.nav-link{border-bottom:none;font-size:16px;padding:6px 0}.nav-link.active{border-left:4px solid #fff;padding-left:8px}.nav-link:after{display:none}}.container h2,.container h3{font-family:Segoe UI,sans-serif}.container ul{padding-left:20px}.container li{line-height:1.6;margin-bottom:8px}body{background-color:#9f56ff;font-family:Segoe UI,sans-serif;margin:0}.container{background:#fff;border-radius:16px;box-shadow:0 6px 18px #f985fd;margin:50px auto;max-width:900px;padding:40px;transition:all .3s ease;width:100%}.container ul li{font-size:16px;margin-bottom:10px}.status-box{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:25px}.status-item{background:linear-gradient(135deg,#9f56ff,#f985fd);border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#fff;flex:1 1 30%;font-weight:700;padding:16px;text-align:center;transition:transform .2s ease}.status-item:hover{transform:scale(1.05)}.feedback{border-radius:8px;font-weight:700;margin-top:15px;padding:12px}.feedback.success{background-color:#d4edda;color:#155724}.feedback.warning{background-color:#fff3cd;color:#856404}.feedback.error{background-color:#f8d7da;color:#721c24}.word-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.word-button{background-color:#f985fd;border:none;border-radius:6px;font-weight:700;padding:8px 12px}.input-word{border:2px solid #f985fd;border-radius:8px;box-shadow:0 2px 6px #0000000d;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-word:focus{border-color:#f985fd;box-shadow:0 0 8px #9f56ff}.input-word::placeholder{color:#999}.check-button{align-items:center;background:#f985fd;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001f;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin-left:auto;margin-top:10px;padding:14px 28px;transition:background-color .3s ease,transform .2s ease}.check-button:hover{background-color:#9f56ff;transform:translateY(-2px)}.check-button:active{transform:translateY(0)}@media (max-width:500px){.status-item{flex:1 1 100%}.check-button,.input-word{width:100%}.container{padding:20px}}.restart-button{align-items:center;background-color:#f985fd;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001f;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin-left:auto;margin-top:20px;max-width:250px;padding:14px 28px;transition:background-color .3s ease,transform .2s ease;width:100%}.restart-button:hover{background-color:#9f56ff;transform:translateY(-2px)}.restart-button:active{transform:translateY(0)}
/*# sourceMappingURL=main.81c1d263.css.map*/